SSR āđāļĨāļ° SSG āđāļ Nuxt
Server-side rendering, static generation, hybrid rendering, prerendering, route rules, nitro
1Server-Side Rendering (SSR) āđāļ Nuxt āļāļ·āļāļāļ°āđāļĢ?
Server-Side Rendering (SSR) āđāļ Nuxt āļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
SSR āļŠāļĢāđāļēāļ HTML āļāļĩāđāļŠāļĄāļāļđāļĢāļāđāļāļāđāļāļīāļĢāđāļāđāļ§āļāļĢāđāđāļāđāļāđāļĨāļ°āļāļģāļāļ āļāļēāļāļāļąāđāļāļŠāđāļāđāļāļĒāļąāļāđāļāļĨāđāļāđāļāļāđ āļāļķāđāļāļāđāļ§āļĒāļāļĢāļąāļāļāļĢāļļāļ SEO āđāļāļ·āđāļāļāļāļēāļāđāļāļĢāļ·āđāļāļāļĄāļ·āļāļāđāļāļŦāļēāđāļāđāļĢāļąāļāđāļāļ·āđāļāļŦāļē HTML āļāļĩāđāđāļāđāļēāļāļķāļāđāļāđāļāļąāļāļāļĩ āđāļĨāļ°āļĒāļąāļāļāđāļ§āļĒāļāļĢāļąāļāļāļĢāļļāļāđāļ§āļĨāļēāđāļāļāļēāļĢāđāļŠāļāļāļāļĨāļāļĢāļąāđāļāđāļĢāļ (first paint) āļāđāļ§āļĒ SSR āđāļāđāļāđāļŦāļĄāļāļāļēāļĢāđāļĢāļāđāļāļāļĢāđāđāļĢāļīāđāļĄāļāđāļāđāļ Nuxt 3 āļāļķāđāļāļāđāļēāļāļāļēāļāļāļēāļĢāđāļĢāļāđāļāļāļĢāđāļāļąāđāļāđāļāļĨāđāļāđāļāļāđāļāļĩāđ JavaScript āļŠāļĢāđāļēāļāđāļāļ·āđāļāļŦāļēāđāļāđāļāļĢāļēāļ§āđāđāļāļāļĢāđ
2Static Site Generation (SSG) āđāļ Nuxt āļāļ·āļāļāļ°āđāļĢ?
Static Site Generation (SSG) āđāļ Nuxt āļāļ·āļāļāļ°āđāļĢ?
āļāļģāļāļāļ
SSG āļŠāļĢāđāļēāļāļāļļāļāļŦāļāđāļēāđāļāđāļ HTML āđāļāļāļŠāđāļāļāļīāļāđāļāļāļāļ build āļāļģāđāļŦāđāļŠāļēāļĄāļēāļĢāļāđāļŠāļīāļĢāđāļāđāļāļĨāđāļāļĩāđāļŠāļĢāđāļēāļāđāļ§āđāļĨāđāļ§āļāļŦāļāđāļēāđāļāđāļāļĒāđāļēāļāļĢāļ§āļāđāļĢāđāļ§āļĄāļēāļ āđāļāļ§āļāļēāļāļāļĩāđāđāļŦāļĄāļēāļ°āļāļĒāđāļēāļāļĒāļīāđāļāļŠāļģāļŦāļĢāļąāļāđāļ§āđāļāđāļāļāđāļāļĩāđāļĄāļĩāđāļāļ·āđāļāļŦāļēāđāļĄāđāđāļāļĨāļĩāđāļĒāļāđāļāļĨāļāļāđāļāļĒ āđāļāđāļ āļāļĨāđāļāļāļŦāļĢāļ·āļāđāļāļāļŠāļēāļĢāļāļĢāļ°āļāļāļ āđāļ Nuxt 3 āļāļēāļĢāđāļāđ nuxt generate āļāļ°āđāļāļīāļāđāļāđāļāļēāļ SSG āđāļāļĒāļŠāļĢāđāļēāļāđāļāļĨāđ HTML āļŠāļģāļŦāļĢāļąāļāđāļāđāļĨāļ° route āļāļĩāđāļāļģāļŦāļāļāļāđāļēāđāļ§āđ
3āļāļ§āļĢāđāļāđāļāļģāļŠāļąāđāļ Nuxt āđāļāđāļāļāļēāļĢāļŠāļĢāđāļēāļāđāļ§āđāļāđāļāļāđāđāļāļāļŠāđāļāļāļīāļ?
āļāļ§āļĢāđāļāđāļāļģāļŠāļąāđāļ Nuxt āđāļāđāļāļāļēāļĢāļŠāļĢāđāļēāļāđāļ§āđāļāđāļāļāđāđāļāļāļŠāđāļāļāļīāļ?
āļāļģāļāļāļ
āļāļģāļŠāļąāđāļ nuxt generate (āļŦāļĢāļ·āļ npm run generate āļŦāļēāļāļāļģāļŦāļāļāļāđāļēāđāļ§āđāđāļ package.json) āļāļ°āļāļĢāļ°āļāļļāđāļāļāļēāļĢāļŠāļĢāđāļēāļāđāļāļāļŠāđāļāļāļīāļāļāļāļāļāļļāļāļŦāļāđāļē Nuxt āļāļ°āđāļĨāđāļāļđ route āļāđāļēāļ āđ āđāļĨāļ°āļŠāļĢāđāļēāļāđāļāļĨāđ HTML āļŠāļģāļŦāļĢāļąāļāđāļāđāļĨāļ° route āļāļķāđāļāļāļ°āļāļđāļāļ§āļēāļāđāļ§āđāđāļāđāļāļĨāđāļāļāļĢāđ .output/public āļāļģāļŠāļąāđāļāļāļĩāđāđāļāđāļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļāļĩāļāļĨāļāļĒāđāļāļĒāļąāļāđāļŪāļŠāļāļīāļāđāļāļāļŠāđāļāļāļīāļ āđāļāđāļ Netlify, Vercel āļŦāļĢāļ·āļ GitHub Pages
āļāđāļāđāļāđāđāļāļĢāļĩāļĒāļāļŦāļĨāļąāļāļāļāļ SSR āļŠāļģāļŦāļĢāļąāļ SEO āļāļ·āļāļāļ°āđāļĢ?
Hybrid rendering āđāļ Nuxt āļāļ·āļāļāļ°āđāļĢ?
+19 āļāļģāļāļēāļĄāļŠāļąāļĄāļ āļēāļĐāļāđ
āļŦāļąāļ§āļāđāļāļŠāļąāļĄāļ āļēāļĐāļāđ Vue.js / Nuxt.js āļāļ·āđāļāđ
āļāļ·āđāļāļāļēāļ JavaScript
JavaScript āļŠāļĄāļąāļĒāđāļŦāļĄāđ (ES6+)
āļāļ·āđāļāļāļēāļ Vue
āļāļāļĄāđāļāđāļāļāļāđ Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
āļĢāļ°āļāļ Reactivity āļāļāļ Vue
āļāļ·āđāļāļāļēāļ Nuxt
āļāļēāļĢāļāļķāļāļāđāļāļĄāļđāļĨ (Data Fetching) āđāļ Nuxt
Server Routes āļāļāļ Nuxt
āđāļĄāļāļđāļĨ Nuxt
Composables āđāļ Vue
āļāļāļĢāđāļĄāđāļĨāļ°āļāļēāļĢāļāļĢāļ§āļāļŠāļāļ Vue
āļāļēāļĢāļāļąāļāļāļēāļĢāļŠāļāļēāļāļ°āđāļ Nuxt
āļāļēāļĢāļāļāļŠāļāļ Vue
āļāļēāļĢ Deploy Nuxt āđāļĨāļ° CI/CD
āļāļĢāļ°āļŠāļīāļāļāļīāļ āļēāļāļāļāļ Vue
āļĢāļđāļāđāļāļāļāļąāđāļāļŠāļđāļāļāļāļ Vue
TypeScript āļāļąāļ Vue
āļāļēāļĢāļĒāļ·āļāļĒāļąāļāļāļąāļ§āļāļ Nuxt
SEO āļāđāļ§āļĒ Nuxt
āļāļēāļĢāļāļģ Internationalization āđāļ Nuxt
āļŠāļāļēāļāļąāļāļĒāļāļĢāļĢāļĄ Vue
āļāļ§āļēāļĄāļāļĨāļāļāļ āļąāļĒāļāļāļ Nuxt
āļĢāļ°āļāļāļāļīāđāļ§āļĻ Vue
āļāļēāļĢāļĒāđāļēāļĒ Vue 2â3 & Nuxt 2â3
āđāļāļĩāđāļĒāļ§āļāļēāļ Vue.js / Nuxt.js āļŠāļģāļŦāļĢāļąāļāļāļēāļĢāļŠāļąāļĄāļ āļēāļĐāļāđāļāļĢāļąāđāļāļāļąāļāđāļ
āđāļāđāļēāļāļķāļāļāļģāļāļēāļĄāļāļąāđāļāļŦāļĄāļ flashcards āđāļāļāļāļāļŠāļāļāđāļāļāļāļīāļ āđāļāļāļāļķāļāļŦāļąāļ code review āđāļĨāļ°āļāļąāļ§āļāļģāļĨāļāļāļŠāļąāļĄāļ āļēāļĐāļāđ
āđāļĢāļīāđāļĄāđāļāđāļāļĢāļĩ