[ENGLISH]

01 Course Overview [2mins]
01-01 Course Overview [2mins]

02 Introduction and React Primer for Next.js [14mins]
02-01 Course Introduction [2mins]
02-02 React Primer Introduction [1mins]
02-03 Understanding the JSX Syntax [3mins]
02-04 What is a Component [3mins]
02-05 Passing Data to Components with Props [1mins]
02-06 Handling HTML Events in React [1mins]
02-07 Managing State in React Components [3mins]
02-08 Summary [0mins]

03 Getting Started with Next.js [9mins]
03-01 Introduction [1mins]
03-02 Manually Creating a Next.js App [6mins]
03-03 Using Create Next App [2mins]
03-04 Summary [0mins]

04 Styling Components and Displaying Images with Next.js [28mins]
04-01 Introduction [1mins]
04-02 Using CSS-in-JS to Style Next.js Components [3mins]
04-03 Using CSS Files and Classes [3mins]
04-04 Using CSS Modules with Next.js [4mins]
04-05 Using SASS with Next.js [2mins]
04-06 Next.js Image Component and Optimization [8mins]
04-07 Using Next.js Image Layouts [7mins]
04-08 Summary [0mins]

05 Page-based Routing with Next.js [20mins]
05-01 Introduction [1mins]
05-02 Convention-based Routing with Pages [3mins]
05-03 Creating Non-routed Components in Next.js [3mins]
05-04 Using Layouts in Next.js [5mins]
05-05 Linking to Routed Pages [3mins]
05-06 Creating Dynamic Routes [5mins]
05-07 Summary [0mins]

06 Server-side Rendering with Next.js [21mins]
06-01 Introduction [0mins]
06-02 Handling API Calls with Next.js API Handlers [5mins]
06-03 Calling an API from a Next.js Component [3mins]
06-04 Why We Need Server-side Rendering [3mins]
06-05 Server-side Rendering with getServerSideProps() [5mins]
06-06 Static Generation with getStaticProps() [3mins]
06-07 Using Incremental Static Generation [2mins]
06-08 Summary [0mins]

07 Deploying Next.js Applications [11mins]
07-01 Introduction [0mins]
07-02 Generating a Deployable Next.js Build [2mins]
07-03 Using Environment-specific Config Files [4mins]
07-04 Deploying to a Production Server [3mins]
07-05 Modifying the Webpack Build [2mins]
07-06 Summary [0mins]

[فارسی]

01 بررسی اجمالی دوره [2 دقیقه]
01-01 بررسی اجمالی دوره [2 دقیقه]

02 معرفی و React Primer برای Next.js [14 دقیقه]
02-01 معرفی دوره [2 دقیقه]
02-02 معرفی React Primer [1 دقیقه]
02-03 درک نحو JSX [3 دقیقه]
02-04 کامپوننت چیست [3 دقیقه]
02-05 انتقال داده به کامپوننت‌ها با پروپ [1 دقیقه]
02-06 مدیریت رویدادهای HTML در React [1 دقیقه]
02-07 مدیریت وضعیت در React Components [3 دقیقه]
02-08 خلاصه [0 دقیقه]

03 شروع به کار با Next.js [9 دقیقه]
03-01 مقدمه [1 دقیقه]
03-02 ایجاد دستی برنامه Next.js [6 دقیقه]
03-03 استفاده از ایجاد برنامه بعدی [2 دقیقه]
03-04 خلاصه [0 دقیقه]

04 استایل دادن به اجزا و نمایش تصاویر با Next.js [28 دقیقه]
04-01 مقدمه [1 دقیقه]
04-02 استفاده از CSS-in-JS برای استایل کردن اجزای Next.js [3 دقیقه]
04-03 استفاده از فایل‌ها و کلاس‌های CSS [3 دقیقه]
04-04 استفاده از ماژول‌های CSS با Next.js [4 دقیقه]
04-05 استفاده از SASS با Next.js [2 دقیقه]
04-06 کامپوننت و بهینه‌سازی تصویر Next.js [8 دقیقه]
04-07 استفاده از طرح‌بندی تصویر Next.js [7 دقیقه]
04-08 خلاصه [0 دقیقه]

05 مسیریابی مبتنی بر صفحه با Next.js [20 دقیقه]
05-01 مقدمه [1 دقیقه]
05-02 مسیریابی مبتنی بر قرارداد با صفحات [3 دقیقه]
05-03 ایجاد اجزای مسیریابی نشده در Next.js [3 دقیقه]
05-04 استفاده از Layouts در Next.js [5 دقیقه]
05-05 پیوند دادن به صفحات مسیریابی [3 دقیقه]
05-06 ایجاد مسیرهای پویا [5 دقیقه]
05-07 خلاصه [0 دقیقه]

06 رندر سمت سرور با Next.js [21 دقیقه]
06-01 مقدمه [0mins]
06-02 مدیریت تماس‌های API با کنترلرهای API Next.js [5 دقیقه]
06-03 فراخوانی یک API از یک مؤلفه Next.js [3 دقیقه]
06-04 چرا ما به رندر سمت سرور نیاز داریم [3 دقیقه]
06-05 رندر سمت سرور با getServerSideProps() [5 دقیقه]
06-06 تولید استاتیک با getStaticProps() [3 دقیقه]
06-07 استفاده از تولید استاتیک افزایشی [2 دقیقه]
06-08 خلاصه [0 دقیقه]

07 استقرار برنامه‌های Next.js [11 دقیقه]
07-01 مقدمه [0mins]
07-02 ایجاد یک ساخت Next.js قابل توسعه [2 دقیقه]
07-03 استفاده از فایل‌های پیکربندی خاص محیطی [4 دقیقه]
07-04 استقرار در یک سرور تولید [3 دقیقه]
07-05 اصلاح ساخت بسته وب [2 دقیقه]
07-06 خلاصه [0 دقیقه]