Next.js از توسعه به استقرار: ساخت یک وب سایت رویداد موسیقی

next.js چارچوبی برای ساخت وب سایت های REACT سرور و همچنین وب سایت های استاتیک است. این یک دوره مبتنی بر پروژه برای یادگیری next.js است. شما یک برنامه رویدادهای موسیقی را ساختید که به شما دانش پایه ای را می دهد که باید برنامه های خود را ایجاد کنید. شما از Strapi به عنوان Backend ما استفاده می کنید، اما شما فقط می توانید از هر چیزی استفاده کنید.
این دوره با یادگیری مبانی next.js مانند صفحات و مسیریابی، روش های جمع آوری داده ها، مسیرهای سفارشی API، تولیدات استاتیک، CSS شروع می شود یک ظاهر طراحی شده و بهینه سازی تصویر.
در هنگام کار بر روی پروژه اصلی، شما همچنین با Strapi CMS، احراز هویت با نشانه های وب JSON، مجوز و کنترل دسترسی، ذخیره کوکی های httponly بر روی سرور، صفحه بندی، فیلترهای جستجو و بیشتر، آپلود تصویر با ادغام ابری، و استقرار به Vercel و Heroku.
پروژه دوم یک وبلاگ استاتیک با استفاده از next.js به نام DevSpace، که در آن شما با یکپارچه سازی CSS Tailwind کار می کنید، جمع آوری اطلاعات استاتیک / نسل، Fetch و Parse Markdown با FrontMatter، قابلیت جستجو با عملکرد API / Serverless Function، Post Caching، Git Hooks با Husky، و مستقر شدن به Vercel.
در پایان این دوره، شما قادر خواهید بود دو وب سایت های مختلف ایجاد کنید: وب سایت رویداد موسیقی و D Evspace (وبلاگ استاتیک) با استفاده از next.js و ابزارهای مختلف دیگر از توسعه به استقرار.
فایل های کد و فایل های منابع بر روی مخزن Github در https://github.com/packtpublishing/next.js-from آپلود می شوند توسعه وب سایت - وب سایت - وب سایت رویداد - ساخت و ساز

عنوان اصلی : Next.js from Development to Deployment: Build a Music Event Website

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

مقدمه ای بر دوره:
به دوره خوش آمدید
next.js چیست؟
مرور اصلی پروژه اصلی
محیط زیست و ابزار
next.js fundamentals:
ایجاد یک برنامه next.js
صفحات و مسیریابی
لینک بعدی و روتر
برچسب ها و طرح های سر
S هدر و پاورقی
صفحه سفارشی 404
نام مستعار ماژول با JSConfig
جزء نمایشگاه
Data Fetching:
مسیرهای API
GetServersideprops و GetStaticProps
نمایش رویدادها
Getstatatatics
صفحه رویداد تک
Strapi Backend:
STRAPI CMS SETUP
ابر برای تصاویر
نوع محتوای رویداد
قابلیت های رویدادها - قسمت 1:
اتصال به API Strapi
صفحه جستجو با استفاده از فیلترها
جزء جستجو
اضافه کردن صفحه رویداد
رویداد ارسال و واکنش نشان می دهد
ایجاد یک slug
قابلیت های رویدادها - قسمت 2:
حذف رویدادها
ویرایش رویداد و پیش نمایش تصویر
جزء مودال
آپلود تصویر
رویدادها صفحه بندی
Authentication، JWT و Cookies httponly:
ثبت نام و فرم ورود
Auth Context
استراتژی JWT ما توضیح داده شده است
ورود و دریافت JWT
فروشگاه JWT در سرور httponly cookie
کاربر ثبت نام شده
خروج و نابود کردن کوکی
ثبت نام کاربر
مجوز و دسترسی:
رویدادهای سفارشی رویدادهای کاربر
گرفتن رویدادهای کاربر برای داشبورد
نمایش رویدادهای داشبورد
ایجاد سیاست مالک برای رویدادها است
رویدادهای مرتبط با کاربران
تأیید اعتبار، حذف و آپلود تصویر
اضافی و استقرار:
اضافه کردن نقشه به صفحات رویداد
Backend Strapi Deploy - Heroku
Next.JS Deploy - Vercel
پروژه 2 â € "Devspace Static Markdown Blog:
معرفی پروژه
Markdown - چه و چرا؟
Course Current Markdown
Next.js و Tailwind CSS Setup
جزء طرح بندی
یک ظاهر طراحی شده هدر و تلخ
درباره صفحه 404
fetch، parse، and display markdown پست ها:
وبلاگ ارسال فایل های Markdown
دریافت پست ها و Parse Frontmatter
نمایش پست ها
پست های مرتب سازی بر اساس تاریخ
جزء برچسب رده
ایجاد مسیرهای استاتیک و داده های تک ارسال
نمایش پست وبلاگ تک
صفحه بندی صفحه بندی و صفحات دسته بندی:
شروع صفحه بندی - ایجاد مسیرها
Fetch Posts Paginated
Pagination Links Component
صفحات دسته بندی
پاک کردن دریافت پست ها
نوار کناری دسته
صادرات و محدودیت های بعدی
جستجو، پست های ذخیره سازی و استقرار:
چگونه جستجو کار خواهد کرد
جزء جستجو
جستجوی مسیر API
اجزای نتایج جستجو
اولین استقرار
پست های حافظه پنهان
قبل از انجام قلاب با Husky
بسته شدن