認識常見資料夾

快跟他們當好朋友 ! 記住他是誰 !

Assets等待編譯的檔案，像是 Scss、Sass、less、
Compnents拆分的元件
composable共用程式碼、邏輯、函式
page頁面 View
layouts共通區塊，預設 default.vue ，亦可設定指定頁面的 layout 區塊plugins第三方插件引入區store放置 pinia 狀態管理庫

Nuxt 渲染模式 SSR + SPA

Nuxt 其中一大特性就是渲染方式，我們都知道 Vue 是屬於 SPA 網站，最大的缺點就是 SEO 優化差，那 Nuxt 的渲染方式解決 Vue 的 SEO 問題，但是同時又保有 SPA 的優點，那就是Universal Rendering (通用渲染)，結合了 SPA 的靈活，並結合 SSR 的 SEO 優勢。

Universal Rendering (通用渲染)

Nuxt 預設使用 Universal Rendering (通用渲染) ，就是 SSR + SPA 結合，運作的原理是會先在初次伺服器端渲染再來第二次客戶端渲染，伺服器端渲染可以保有 SEO 優勢，第二次則是給使用者良好 UX 體驗

Untitled

Nuxt 切換渲染模式

在nuxt.config 也可以切換渲染方式，默認是 Universal Rendering (通用渲染) - SSR ，我們也可以改為 false ，這樣就變成 CSR 渲染方式就是像 Vue 一樣，可以依照需求切換渲染模式。

//nuxt.configexport default defineNuxtConfig({
  ssr: false// 改為csr，關閉 ssr
})