آموزش کامل ناکست جی اس (nuxt.js)

توضیحات تدریس

nuxt.js (ناکست جی اس) چیست؟ nuxt.js که در حال حاضر بعد از مدت ها انتظار نسخه ۳ آن منتشر شده، یک فریمورک جاوااسکریپتی هست که در سمت فرانت از فریمورک 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 از پکیج h۳ استفاده میکند. Routing library ناکست برای routing در سمت فرانت و جابجای بین صفحات از پکیج vue-router استفاده میکند پیشنهاد میکنم که اگه قصد دارید پروژه ای را با vue.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 کاربر بررسی احراز هویت کاربر