آموزش دوره جامع NUXT.JS V4؛ ورود به دنیای رندرینگ سمت سرور - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

• نصب NODE Installing NODE

• معرفی IDE IDE

• مخازن کد Repositories

• ناکست (NUXT) چیست؟ What is NUXT ?

صفحات The Pages

• ساخت یک اپلیکیشن Creating an App

• نحوه عملکرد مسیرها How routes work

• مسیرهای استاتیک Static routes

• مسیرهای تو در تو (Nested) Nested routes

• مسیرهای داینامیک Dynamic routes

• دریافت پارامترها Getting params

• مسیرهای Catch-all Catch all routes

• سئو و متا تگ‌ها SEO and Meta

• متادیتای صفحه Page metadata

• لایوت‌ها Layouts

• لینک‌ها و ناوبری Links and Navigation

• کامپوننت‌ها Components

• کامپوننت‌های سفارشی و پروفایل Custom components and Profile

• کار با استایل‌ها Working with styles

• فونت‌ها و پیش‌پردازنده‌ها Fonts and Pre-Processors

• میدل‌ورهای گلوبال Global middleware

• میدل‌ورهای نام‌گذاری شده و محلی Named and Local Middleware

• کامپوزبل‌ها (Composables) Composables

• صادرات مجدد کامپوزبل‌ها Re-Exporting compodables

• ابزارها (Utils) Utils

• پلاگین‌ها Plugins

• صفحه ۴۰۴ 404 Page

سرور The server

• ساخت یک تمپلیت Creating a template

• چرخه حیات NUXT The NUXT lifecycle

• راه‌اندازی پایگاه داده Setting up a DB

• دریافت داده‌ها (Fetching) Fetching data

• پوشه server The server folder

• مسیرهای API API Routes

• مسیرهای API بخش دوم API Routes part 2

• فرم افزودن کارمند Add employee form

• کار با Body و Query Body and QueryP

• ارسال داده‌های کارمندان Posting employees

• مسیرهای سرور Server routes

• میدل‌ورهای سرور Server middleware

• پلاگین‌های Nitro سرور Server Nitro plugins

• ابزارهای سرور Server utils

• بیشتر درباره H3.JS More about H3.JS

• فرم ویرایش کارمند Edit employee form

• به‌روزرسانی کارمند با ID (Patch) Patch employee by ID

• صفحه جزئیات کارمند Employee by ID page

• حذف کارمندان Deleting employees

بیلد و خروجی Building

• پیش‌رندر (Prerender) Prerender

• تست پیش‌رندر Testing the Prerender

• اجرای Build Running the build

• تنظیمات پیش‌رندر Prerender configs

• قوانین مسیرها (Route Rules) Route rules

• ماژول‌های Nuxt Nuxt modules

• پیش‌دریافت (Prefetching) Prefetching

• لود تنبل کامپوننت‌ها (Lazy Loading) Lazy loading components

• Nuxt Image Nuxt Image

احراز هویت Authentication

• نصب و پیکربندی Install and Config

• هدر اپلیکیشن App Header

• فرم ثبت‌نام Sign up form

• اعتبارسنجی کلاینت در ثبت‌نام Sign up client validation

• ساخت پروژه در MongoDB Creating a Mongo DB project

• اتصال به MongoDB Connecting to Mongo DB

• ساخت مدل کاربر Creating the user model

• اندپوینت ثبت‌نام در سرور Server sign-up endpoint

• ثبت‌نام کاربران Sign up users

• اعتبارسنجی سمت سرور Server side validation

• ورود کاربران Sign in users

• استور کاربر با Pinia Pinia user store

• خروج و لینک‌های ناوبری Logout and Nav Links

پروژه عملی: EventO Practice app: EventO

• میدل‌ور حفاظتی (Guard) Guard middleware

• فرم ایجاد رویداد The create Event form

• مدل رویداد The event model

• اندپوینت و API ارسال رویداد Server API post event and endpoint

• ثبت رویدادها Posting events

• اعتبارسنجی ثبت رویداد Posting event validation

• اعتبارسنجی نشست صفحه اصلی Home session validator

• نمایش رویدادها در صفحه اصلی Showing the events at home

• مدیریت وضعیت‌ها (Status) Handling status

• حذف رویدادها Deleting events