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
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 کاربر
- بررسی احراز هویت کاربر
پیش نیاز این دوره :
abolfazlnaaderi
سلام وقت بخیر
آیا این دوره با اومدن ناکست 4 و سپس ناکست 5 آپدیت میشود؟
https://nuxt.com/blog/roadmap-v4
علی شیخ
5 ساعت پیش
سلام وقت بخیر.
اگه تغیرات توی مطالب گفته شده در دوره باشه، بله