Belajar Nuxt (meta framework full-stack Vue.js untuk membangun aplikasi modern dengan SSR, SSG, ISR, dan SPA) dari dasar hingga production-grade: pre-requisites & setup environment, sejarah, latar belakang & mengapa membutuhkan Nuxt, konsep dasar & arsitektur utama, memulai proyek Nuxt, routing & navigation, komponen & layouts, data fetching & server actions, state management, configuration & runtime config, images & assets, forms & validation, content & CMS integration, security & authentication, API integration & data protection, caching & performance, performance optimization, testing & quality, accessibility & UX, architecture & modularization, tooling modern & build automation, deployment & hosting, edge & serverless runtime, observability & monitoring, hingga stable modern features & future trends dengan total 24 episode.
Sebelum menyentuh Nuxt, kalian perlu menguasai HTML, CSS, JavaScript modern, dasar Vue 3 dan Composition API, serta konsep SSR, SSG, dan SPA. Di episode ini kalian juga menyiapkan Node.js LTS, VS Code dengan ekstensi Volar, dan mengecek kesiapan tooling Nuxt.

Episode ini menelusuri sejarah Nuxt dari Vue SPA manual menjadi meta framework full-stack, evolusi dari Nuxt 2 ke Nuxt 3 dan Nuxt 4, serta masalah setup SSR, routing, dan data fetching yang diselesaikan Nuxt dibanding pendekatan tradisional.

Episode ini membedah arsitektur Nuxt di balik layar: rendering modes SSR, SSG, ISR, dan SPA, peran Nitro sebagai server engine, mekanisme auto-import untuk komponen dan composables, struktur direktori project, serta batas antara kode server dan kode client.

Episode ini memandu membuat project Nuxt pertama dengan npx nuxi init, menjelaskan struktur folder dan file utama, menjalankan dev server dengan hot reload, serta menyiapkan TypeScript, ESLint, dan Prettier agar codebase konsisten sejak awal.

Episode ini membahas routing Nuxt: file-based routing di folder pages, dynamic routes dengan parameter, nested routes dengan layout induk, navigasi antar halaman memakai NuxtLink, serta middleware sebagai navigation guards untuk menjaga akses rute.

Episode ini membahas komponen reusable dengan Single File Component, layouts untuk kerangka halaman yang dipakai bersama, nested layouts, slots untuk komposisi komponen yang fleksibel, serta styling dengan CSS Modules, Tailwind, dan component-scoped styles.

Episode ini membahas pengambilan data di Nuxt: useAsyncData dan useFetch, composables sisi server, server actions untuk pemrosesan form, perbedaan fetch di server dan client, serta caching, revalidasi, dan suspense.

Episode ini membahas pengelolaan state global dengan Pinia di Nuxt: mendefinisikan stores dengan syntax setup dan options, plugins Pinia, pola shared state dengan composables, serta cara sinkronisasi state saat SSR hydration.

Episode ini membahas pengaturan project Nuxt: peran nuxt.config.ts, runtime config untuk environment variables, pemisahan config public dan private, konfigurasi modules dan plugins, serta build optimizations dan feature flags untuk mengelola perilaku aplikasi.

Episode ini membahas pengelolaan gambar dan aset di Nuxt: optimasi dengan module @nuxt/image, cara memakai folder public untuk aset statis, responsive images dengan NuxtImg, lazy loading, serta strategi media optimization untuk performa.
