nuxt.js (ناکست جی اس) چیست؟ nuxt.js که در حال حاضر بعد از مدت ها انتظار نسخه 3 آن منتشر شده، یک فریمورک جاوااسکریپتی هست که در سمت فرانت از فریمورک vue.js و در سمت بک اند از node.js استفاده کرده تا سایت های با قابلیت ssr (server-side rendering) که باعث افزایش performance و یا سرعت سایت و همچنین بهبود SEO هست را ایجاد کند. nuxt.js (ناکست جی اس) از بخش های زیر استفاده میکند.

JavaScript framework
ناکست برای انتخاب فریمورک جاوا اسکریپتی خود که reactivity و بصورت web components  باشه، vue.js را انتخاب و استفاده میکند.

Webpack and Vite
ناکست برای بخش bundler خود از vite و webpack استفاده میکند که vite بصورت پیش فرض انتخاب شده است.

Latest JavaScript syntax
ناکست برای transpiler با تبدیل کدهای ورژن جدیدتر جاوااسکریپت به ورژن قدیمی تر برای مرورگر های قدیمی از esbuild استفاده میکند.

Server side
ناکست برای بحث ssr (server-side rendering) و API routes از پکیج h3 استفاده میکند.

Routing library
ناکست برای routing در سمت فرانت و جابجای بین صفحات از پکیج vue-router استفاده میکند

پیشنهاد میکنم که اگه قصد دارید پروژه ای را با vue.js پیاده سازی کنید آن را با nuxt.js پیاده سازی کنید و از امکانات خیلی خوب آن استفاده کنید.

برای درک و آشنایی بیشتر با nuxt.js حتما ویدیو معرفی و همچنین قسمت های رایگان دوره را مشاهده کنید.

مباحثی که در این دوره گفته میشود شامل :
آشنایی با nuxt.js

• آشنایی با nuxt.js
• ایجاد پروژه nuxt.js
• rendering mode در next.js

routing

• پوشه pages
• navigation در nuxt
• route های تو در تو (nested)
• route های داینامیک (dynamic)
• آشنایی با catch all routes
• شخصی سازی صفحه ای error

تگ head و layout

• تگ head در nuxt
• پوشه ای layouts

component و composable

• پوشه components
• پوشه composables

state management

• useState
• pinia در nuxt

middleware و plugin

• پوشه middleware
• پوشه plugins

public و assets

• پوشه public و nuxt-image
• پوشه assets و فایل css و فونت
• استفاده از sass
• افزودن فریمورک bootstrap
• افزودن فریمورک tailwindcss

data fetching و configuration

• fetch$
• useAsyncData
• useFetch
• configuration

server

• پوشه server
• متدهای http
• middleware و plugin

احراز هویت (Token-Based Authentication)

• آشنایی با Token-Based Authentication
• توضیح و اجرای پروژه ای api
• ایجاد پروژه nuxt و هدر
• ایجاد صفحه ای register
• register (عضویت کاربر) بخش اول
• register (عضویت کاربر) بخش دوم
• login (ورود کاربر)
• logout (خروج کاربر)
• صفحه ای پروفایل
• بررسی احراز هویت کاربر
• middleware برای احراز هویت
• نمایش پست ها

احراز هویت (Cookie-Based Authentication)

• آشنایی با Cookie-Based Authentication
• register (عضویت کاربر)
• login و logout کاربر
• بررسی احراز هویت کاربر

پیش نیاز این دوره :

• آموزش رایگان javascript (جاوا اسکریپت) پروژه محور
• آموزش Asynchronous Javascript پروژه محور
• آموزش npm
• آموزش webpack
• آموزش vue.js 3 پروژه محور
• آموزش رایگان Node.js
• آموزش ویو ایکس (vuex) و pinia پروژه محور (اختیاری)
• آموزش پستمن (postman) اختیاری