استانداردهای Next.js

نصب

npx skills add https://github.com/vercel-labs/next-skills --skill next-best-practices

معرفی

این اسکیل مجموعه‌ای کامل از بهترین شیوه‌های توسعه با Next.js را در اختیار شما قرار می‌دهد و هنگام نوشتن یا بررسی کد، به رعایت استانداردهای توصیه‌شده کمک می‌کند.

موضوعات متعددی را پوشش می‌دهد؛ از ساختار پروژه و قوانین نام‌گذاری فایل‌ها گرفته تا مدیریت Routeها، Server Componentها، دریافت داده‌ها، بهینه‌سازی عملکرد و مدیریت خطاها.

برخی از قابلیت‌های اصلی:

• راهنمای ساختار استاندارد پروژه و فایل‌های ویژه مانند error.tsx و not-found.tsx
• بررسی مرزهای React Server Components و جلوگیری از الگوهای نادرست
• آموزش الگوهای جدید Async در نسخه‌های جدید Next.js
• انتخاب صحیح Runtime بین Node.js و Edge Runtime
• استفاده درست از دستوراتی مانند use client، use server و use cache
• راهنمای کامل توابع داخلی Next.js برای ناوبری، متادیتا و مدیریت درخواست‌ها
• پیاده‌سازی صحیح مدیریت خطا، ریدایرکت و صفحات خطا
• معرفی بهترین الگوهای دریافت داده و جلوگیری از Data Waterfall
• آموزش Route Handlerها و موارد استفاده آن‌ها
• مدیریت Metadata و تولید تصاویر Open Graph
• بهینه‌سازی تصاویر با next/image
• بهینه‌سازی فونت‌ها با next/font
• نکات مربوط به Bundle Size و سازگاری پکیج‌ها
• مدیریت اسکریپت‌ها با next/script
• شناسایی و رفع خطاهای Hydration
• استفاده صحیح از Suspense Boundaryها
• پیاده‌سازی Parallel Route و Intercepting Route
• راهنمای Self-Hosting و استقرار با Docker
• ابزارها و ترفندهای کاربردی برای دیباگ و عیب‌یابی پروژه

این اسکیل برای توسعه‌دهندگانی مناسب است که می‌خواهند پروژه‌های Next.js را مطابق استانداردهای به‌روز، بهینه و مقیاس‌پذیر توسعه دهند.