آموزش تسلط بر Next.js: ساخت اپلیکیشن‌های فول‌استک - آخرین آپدیت

دانلود Mastering Next.js: Build Full-Stack Applications

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: این دوره جامع شما را از پایه با Next.js آشنا می‌کند؛ از پیکربندی اولیه پروژه شروع کرده و به مباحث صفحات، لایوت‌ها، مسیریابی پویا و دریافت داده‌ها (Data Fetching) می‌پردازد. شما یاد خواهید گرفت که App Router چگونه کار می‌کند، ساختار یک اپلیکیشن Next.js را چگونه پیاده‌سازی کنید و چطور با استفاده از Server و Client Components داده‌ها را واکشی کنید. هر بخش با توضیحات شفاف و آموزش‌های عملی (Screencasts) پوشش داده شده است تا بتوانید گام‌به‌گام قابلیت‌های واقعی را پیاده‌سازی کنید. در طول این دوره، موارد زیر را بررسی خواهید کرد: مبانی Next.js: آماده‌سازی محیط توسعه، ایجاد اپلیکیشن Next.js، درک ساختار پروژه و سلسله‌مراتب کامپوننت‌ها و بررسی گزینه‌های استایل‌دهی. صفحات و لایوت‌ها: ایجاد صفحات و Root Layout، لینک‌دهی بین صفحات با قابلیت هایلایت لینک فعال و ساخت صفحات و لایوت‌های تودرتو (Nested). بخش‌های پویا و پارامترهای جستجو: ساخت سایدبار حاوی لیست لینک‌ها، بهینه‌سازی کامپوننت‌های منو برای استفاده مجدد، ایجاد Dynamic Route Segments و رندر کردن صفحات بر اساس Search Params. دریافت داده‌ها: درک تفاوت بین Server و Client Components، راه‌اندازی یک API جعلی، واکشی داده‌ها در سرور کامپوننت‌ها، افزودن وضعیت‌های Loading و دریافت داده‌ها در کلاینت کامپوننت‌ها با استفاده از Suspense.

سرفصل ها و درس ها

مقدمه و شروع به کار Introduction and Getting Started

بررسی کلی اپلیکیشن Application Overview
Next.js چیست؟ What is Next.js
آماده‌سازی محیط توسعه Environment Setup
ایجاد اپلیکیشن Next.js Creating Next.js Application
ساختار پروژه Project Structure
درک سلسله‌مراتب کامپوننت‌های Next.js Understand of Next.js Component Hierarchy
روش‌های مختلف استایل‌دهی در Next.js Several Ways to Style Next.js App
پاک‌سازی اپلیکیشن Cleaning Up Application

صفحات و لایوت‌ها Pages and Layouts

درک مفاهیم صفحات و لایوت Understand of Pages and Layout
ایجاد صفحات و Root Layout Creating Pages and Root Layout
لینک‌دهی بین صفحات و نمایش لینک‌های فعال Linking Between Pages and Showing Active Links
ایجاد صفحات و لایوت‌های تودرتو Creating Nested Pages and Nested Layouts

بخش‌های پویا و پارامترهای جستجو Dynamic Segments and Search Params

نمایش لیست لینک‌های تماس در سایدبار Displaying a List of Contact Links in the Sidebar
بهینه‌سازی منو و لینک‌ها برای استفاده مجدد Making Menu and Menu Link More Reusable
ایجاد یک Dynamic Segment Creating a Dynamic Segment
رندر کردن صفحه با Search Params Rendering Page with Search Params

دریافت داده‌ها Fetching Data

درک تفاوت Server و Client Components Understanding of Server and Client Components
راه‌اندازی یک سرور API جعلی Setting Up a Fake API Server
دریافت داده‌ها در Server Components Fetching Data in Server Components
افزودن وضعیت Loading در Server Components Adding a Loading State in Server Components
دریافت داده‌ها در Client Components با Suspense Fetching Data in Client Components with Suspense