یادداشت‌هایی درباره‌ی چیزهایی که می‌سازم و یاد می‌گیرم.
راه‌اندازی دقیق پشت لاگین ادمین همین سایت: کانفیگ سرور، route handler catch-all در Next.js، کلاینت، و محافظت دولایه‌ای middleware + layout که واقعاً /admin رو امن می‌کنه.
مطالعه مقاله
طبیعی‌کردن Recharts با سیستم طراحی Tailwind: مرز درست Client Component، وصل‌کردن رنگ‌ها به CSS variable برای dark mode خودکار، tooltip و legend سفارشی، و مدیریت لوکیل‌های RTL.
مطالعه مقاله
راه‌اندازی دقیق Tiptap پشت هر پست این سایت: یه لیست extension مشترک برای ادیتور و generateHTML()، ذخیره‌ی JSON توی Postgres، بلاک‌های کد با syntax highlighting، و عکس‌های آپلودشده (نه base64).
مطالعه مقاله
کانفیگ پایه، mutation + invalidation، کوئری‌های وابسته، آپدیت optimistic، prefetch سمت سرور با hydration — و یه قانون کلی روشن برای React Query در برابر Redux Toolkit / Zustand / Jotai (مسئله‌ی متفاوتی حل می‌کنن).
مطالعه مقاله
چندتا عادت کوچیک که تک‌تک توی code review منطقی به‌نظر می‌رسن — "use client" خیلی بالا، awaitهای پشت‌سرهم، نبود Suspense boundary، importهای barrel، فراموش‌کردن تنظیمات کش — و جمعشون یه اپ واقعاً کند می‌شه.
مطالعه مقاله
یه چک‌لیست عملی و تقریباً به‌ترتیب زحمت — عکس‌ها و فونت‌ها، رندر استاتیک‌به‌عنوان‌پیش‌فرض، استریم با Suspense، fetch موازی، باندل کلاینت کوچیک‌تر، و کش سطح‌درخواست با cache() از React.
مطالعه مقاله
یه پلاگین Tailwind کاملاً CSSای به‌جای Framer Motion — مصالحه‌ش، چرا اجازه می‌ده بیشتر کامپوننت‌ها Server Component بمونن، و این سایت چطور با IntersectionObserver برای ریویل‌های اسکرول‌محور جفتش می‌کنه.
مطالعه مقاله
پترنی که پشت کامپوننت‌های Table/Select/Tabs قابل‌استفاده مجدده — یه خانواده از تیکه‌ها که یه Context مشترک دارن به‌جای یه شلوغی prop-drilling. یه مثال کامل: اشتراک چینش ستون بین هدر یه جدول و سلول‌های هر ردیف.
مطالعه مقاله
دقیقاً همون الگویی که پشت هر فرم پنل ادمین این سایت کار می‌کنه: یه اسکیمای Zod مشترک بین کلاینت و سرور، یه Server Action، و useActionState — بدون فرم‌لایبرری، بدون API route، بدون واگرایی validation کلاینت و سرور.
مطالعه مقاله
رایج‌ترین اشتباه App Router، عادت گذاشتن "use client" همه‌جاست. این‌جا مدل ذهنیش، ترفند ترکیبی که بیشتر صفحه رو server-rendered نگه می‌داره، و اشتباه‌هایی که باید ازشون دوری کرد رو می‌بینیم.
مطالعه مقاله
توضیح عملی LCP، INP و CLS، همراه با ابزارهای دقیق Next.js (next/image، next/font، Suspense، ISR) که هرکدوم رو رفع می‌کنن — به‌علاوه‌ی اینکه واقعاً چطور اندازه‌شون بگیریم.
مطالعه مقاله
سه مدل ذهنی متفاوت برای یه مسئله‌ی یکسان، با یه مثال کارکردنی از هرکدوم، یه جدول مقایسه‌ی کنار هم، و یه جواب مستقیم به «واقعاً کدومو استفاده کنم؟»
مطالعه مقاله
یه مرور کامل روی راه‌اندازی manifest، استراتژی‌های کش Service Worker، Push Notification، و Background Sync — چهار بخشی که یه اپ Next.js رو واقعاً قابل‌نصب و آفلاین‌محور می‌کنن.
مطالعه مقاله