آموزش استفاده از روتر برنامه در Next.js 14

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

معرفی روتر برنامه Next.js Introducing the Next.js App Router

• با روتر برنامه Next.js آشنا شوید Meet the Next.js App Router

• شروع به کار با روتر برنامه Next.js Getting Started with the Next.js App Router

• ایجاد اجزای مسیریابی شده با روتر برنامه Creating Routed Components with the App Router

• ایجاد مؤلفه‌های فرزند مسیریابی نشده Creating Non-routed Child Components

• ایجاد طرح‌بندی با روتر برنامه Creating Layouts with the App Router

• رسیدگی به وضعیت های بارگیری و خطا Handling Loading and Error States

• ایجاد مسیرهای پویا Creating Dynamic Routes

• استفاده از Route Groups Using Route Groups

اجزای سرور در مقابل اجزای مشتری Server Components vs. Client Components

• آشنایی با اجزای سرور و کلاینت Understanding Server and Client Components

• تولید استاتیک و پویا با اجزای سرور Static and Dynamic Generation with Server Components

• استفاده از اجزای سرور Using Server Components

• ایجاد زمینه سبد خرید Creating a Shopping Cart Context

• استفاده از کامپوننت های مشتری Using Client Components

• استفاده از Server Actions Using Server Actions

مهاجرت از صفحات به روتر برنامه Migrating from Pages to the App Router

• شروع با مهاجرت به روتر برنامه Getting Started with Migration to the App Router

• تغییر طرح‌بندی Migrating Layouts

• انتقال مولفه های getStaticProps() و getServerSideProps() Migrating getStaticProps() and getServerSideProps() Components

• انتقال نقاط پایانی API Migrating API Endpoints