آموزش Next.js 13 Fundamentals

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

معرفی Next.js Introduction to Next.js

• بررسی نسخه Version Check

• مقدمه Introduction

• به تصمیمات واکنش نشان دهید React Decisions

• Next.js چیست؟ What Is Next.js?

• چه کسی از Next.js استفاده می کند؟ Who Is Using Next.js?

• مبادلات Trade-offs

• خلاصه Summary

اولین برنامه Next.js خود را راه اندازی و ایجاد کنید Setup and Create Your First Next.js App

• بررسی اجمالی Overview

• برنامه کنفرانس Globomantics Globomantics Conference App

• برنامه نسخه ی نمایشی Next.js را راه اندازی کنید Setup Next.js Demo App

• صفحات Pages

• ایجاد صفحات Create Pages

• پیوند و ناوبری Linking and Navigation

• چیدمان Layout

• خلاصه Summary

کار با تصاویر، فونت ها و استایل دادن به برنامه شما Working with Images, Fonts, and Styling Your App

• بررسی اجمالی Overview

• فونت در Next.js Font in Next.js

• استایل در Next.js Styling in Next.js

• سبک های جهانی Global Styles

• تصویر در Next.js Image in Next.js

• نسخه ی نمایشی: جزء تصویر Demo: Image Component

• خلاصه Summary

آموزش رندرینگ و واکشی داده ها Learning Rendering and Data Fetching

• رندر سطح کامپوننت Component Level Rendering

• رویکردهای واکشی داده ها Data Fetching Approaches

• واکشی در Next.js Fetch in Next.js

• واکشی استاتیک داده ها Static Data Fetching

• واکشی استاتیک داده با اعتبار سنجی مجدد Static Data Fetching with Revalidation

• واکشی دینامیک داده ها Dynamic Data Fetching

• خلاصه Summary

کاوش مسیریابی پویا در Next.js Exploring Dynamic Routing in Next.js

• تعریف مسیرهای پویا در Next.js Defining Dynamic Routes in Next.js

• نسخه ی نمایشی: مسیریابی پویا Demo: Dynamic Routing

• تولید پارامترهای استاتیک Generating Static Params

استقرار برنامه Next.js و انتقال برنامه های موجود به Next.js Deploying Your Next.js App and Migrating Existing Apps to Next.js

• استقرار Next.js در Vercel Next.js Deployment on Vercel

• سایر گزینه های استقرار Other Deployment Options

• در حال مهاجرت به Next.js Migrating to Next.js

• خلاصه ماژول Module Summary