کورس یادگیری کامل Next.js

سفر خود را به عمق next.js برای توسعه برنامه های کاربردی سریع وب در مقیاس، به طور مستقیم ساخته شده است.

عنوان اصلی : StraightForward Next.js: The Ultimate JAM Stack Framework

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

مقدمه:
تنظیم محیط زیست
اولین برنامه ما
اولین برنامه ما - مسابقه
صفحات:
صفحات ساده
صفحات پویا
مرور بین صفحات
روتر
سفارشی _app
سفارشی _document
صفحه خطای سفارشی
صفحات - مسابقه
تکنیک های جمع آوری داده ها:
تکنیک های جمع آوری داده ها - مقدمه
تولید استاتیک (SSG) - قسمت 1
تولید استاتیک (SSG) - قسمت 2
Generation Static - Quiz
بازسازی استاتیک افزایشی (ISR)
Rendering Server Server (SSR)
وب سایت Star Wars خود را با استفاده از SWAPI بسازید
یک ظاهر طراحی شده:
با استفاده از شیوه های CSS
با استفاده از SCSS Stylesheets
استفاده از tailwindcss
CSS-in-JS: jsx سبک
Stitches - یک نوع جدید از کتابخانه CSS-in-JS
styling - Quiz
درک بهینه سازی داخلی:
بهینه سازی تصویر
بهینه سازی فونت وب
تقسیم کد
متفرقه:
پشتیبانی از TypeScript پشتیبانی
وارد کردن نام مستعار مسیریابی
خدمت فایل های استاتیک
صادرات استاتیک
پیکربندی و گسترش next.js:
پیکربندی و گسترش next.js - مقدمه
آشنا شدن با next.config.js
متغیرهای محیطی
مسیر پایه
بازنویسی
Redirects
بین المللی شدن (I18N)
Slash Slash
دایرکتوری سفارشی سفارشی
توابع بدون سرور:
قابلیت های سرور - مقدمه
نوشتن اولین تابع بدون سرور ما
مصرف عملکردهای بدون سرور
اتصال MongoDB
توابع سرور پویا (مسیرهای API)
با استفاده از middleware با توابع بدون سرور
استقرار:
Vercel - روش توصیه شده
معرفی به Docker
ساخت تصویر Docker از برنامه ما
heroku
bonus: next.js 11:
ارتقاء به next.js 11
انطباق - بهینه سازی UX
کامپوننت برچسب جدید اسکریپت
بهینه سازی تصویر بهبود یافته