توسعه وب

آموزش Next.js App Router از صفر تا ساخت یک وبلاگ کامل

DevNA | devna.ir
۱ از ۶

آموزش Next.js App Router

در این آموزش یک وبلاگ کامل با Next.js 16 و App Router می‌سازیم؛ از مسیرها تا فرم ارسال پست.

۲ از ۶

هر پوشه، یک مسیر

در App Router ساختار پوشه‌های app آدرس‌های سایت را می‌سازد و فایل page.tsx هر مسیر را قابل مشاهده می‌کند.

۳ از ۶

Server Components پیش‌فرض‌اند

کامپوننت‌ها روی سرور اجرا می‌شوند و می‌توانند مستقیم داده بخوانند. فقط بخش‌های تعاملی با use client به مرورگر می‌روند.

۴ از ۶

مسیرهای پویا

پوشه‌ای مثل [slug] مسیر پویا می‌سازد. در Next.js 16 مقدار params یک Promise است و باید await شود.

۵ از ۶

فرم بدون API جداگانه

با Server Actions یک تابع سرور را مستقیم به فرم وصل می‌کنید؛ بدون ساختن endpoint و fetch دستی.

۶ از ۶

سئو داخلی

با metadata و generateMetadata عنوان و توضیح هر صفحه را تعریف کنید تا موتورهای جست‌وجو صفحه‌ها را بهتر بفهمند.

ماجرای کامل را در DevNA بخوانید

آموزش Next.js با App Router از صفر: ساخت یک وبلاگ واقعی با Server Components، مسیرهای پویا، Server Actions، متادیتای سئو و Route Handler، قدم‌به‌قدم.

خواندن مطلب کامل