這篇介紹靜態頁面部署方式讀者可用電商登入頁案例試試 Nuxt 命令介紹過運行模式差異,透過命令 $ yarn generate /* npm run gene...
前言 跟隨著本系列學習 Nuxt 3 的夥伴們,應該對 Nuxt 3 有一點熟悉了,接下來會分享如何建立一個簡易的部落格網站,再結合 Nuxt 3 提供可以針對...
這篇主題講「Nuxt 如何用 asyncData 動態產生頁面內容」 用來補充頁面細部設定 asyncData 在執行順序中,排在頁面渲染(render)前,回...
Nuxt 以 Universal 模式運行下,後端會起 Node Server (預設是 http://127.0.0.1:3000 ) 網站服務一般都走 8...
Nuxt 頁面元件跟 Vue File 哪裡不同? Nuxt Routing 自動映射介紹過,/pages 的 Vue File 對應各個頁面。 雖然寫法一樣,...
這篇主題講「Nuxt 如何用 fetch 動態產生頁面內容」 用來補充頁面細部設定 複習一下 Nuxt 收到請求後的處理流程 asyncData 和 fetc...
前言 在使用 Nuxt 開發過程中,我們可以透過配置模組 (Modules) 或插件 (Plugin)來進行擴充,在[[Day 11] Nuxt 3 插件 (P...
前言 前一篇,我們完成了新增文章的頁面與流程,在網站開發的過程中,有些頁面是具有瀏覽的限制,例如,我們不希望一般的使用者能進到管理者頁面專用的頁面進行操作,這時...
前言 選擇使用 Nuxt 3 作為網站開發框架的開發者,多數都是為了要使用 SSR 或 SSG 來加強對 SEO 的優化設置,這篇將會講述 Nuxt 提供的幾個...
接下來幾篇都屬頁面客製,這篇講「Nuxt 發生錯誤時,他怎麼判斷與反應」 先回顧這張流程圖 Nuxt 收到請求時,會經過這麼多步驟 而碰到不可預期的錯誤或頁面...
上一篇解釋 Nuxt 插件 (Plugins)用於管理特定執行環境的程式碼片段,並在 Nuxt App 自動載入、執行 Plugin 使用 一貫簡單風格,需要載...
複習一下 asyncData 動態產生頁面,作業得透過 axios 拉 product api,藉此產生商品頁面的情境 安裝 Axios $ yarn add...
本篇要回溯「Nuxt 請求處理流程」,介紹 validate() 前一步驟 - Middleware Middleware 中文翻譯為 中介軟體、中間件、中介...
前言 Nuxt 3 作為一個完整的全端框架,也兼具了開箱即用的特性,當你選擇 Nuxt 3 開發網站準備建構正式環境的專案時,可以根據使用方式與解決情境,選擇是...
前幾篇提過頁面細部設定,對某一頁調 <head>、改 transition等細部調整。 有些調整,突然 PM 希望套用到整個網站,該怎麼辦?而前文介...
前言 上一篇,我們完成了基本的會員登入,接下來將進入網站的切版,這篇文章會使用布局模板來實現,上方導覽列與下方顯示網站內容的排版方式,接下來就會快速的進入到新增...
前言 網站開發的過程或部署前若能結合測試將能大大的降低網站出錯的可能性,這篇文章因為官方的測試相關工具尚未完善,故主要針對錯誤處理做講解,處理錯誤固然重要,但能...
這篇是頁面客製段落其二,主題講「Nuxt 頁面讀取效果如何調整」 用來補充頁面細部設定 讓我們回想錯誤頁面,是用來「呈現錯誤狀態的頁面元件」 而頁面渲染前,N...
前言 當網站開發完成或有導入 CI/CD,在準備發布網站前,我們會將 Nuxt 網站的開發專案透過 Nuxt 提供的指令,我們可以來建構出正式環境所需要的版本,...
create-nuxt-app 要建立一個 Nuxt 應用,真的非常容易,只需要透過 create-nuxt-app 工具。 指令: npx create-nu...
Nuxt Axios 模組 - @nuxtjs/axios ,是官方推薦使用的 HTTP Client Module主要功能及組成有 axios 提供 HT...
Nuxt 不像 Angular 這種大型框架,功能包山包海,核心功能不夠得自行擴充。雖然提過如何透過全域/頁面設定客製、用 Plugin 收納初始化片段,但對於...
Nuxt 路由入門 篇介紹過兩層動態路由 pages/ --| _slug/ -----| comments.vue -----| index.vue --|...
這篇打算為 Nuxt 內建元件收尾,介紹最後兩種 <nuxt-child> <nuxt> 回顧上一章,巢狀路由讓 slug...
storybook 版本升級 如果有看上一篇的話,會發現上一篇的範例用的是 storybook 3.4.10。因為重新用 webpack4 建立了 Nuxt 2...
偶而還是會碰到某些區塊不想預先渲染,把某一區塊渲染的負荷分到 Browser,跟SPA一樣做CSR 今天主題寫另一個內建元件 - <no-ssr>...
上一篇將 vuetify 的 theme 拆成獨立的檔案 (vuetify.config.js)。 這篇會將 vuetify 引入 storybook 中,同步...
根據 文件 所寫 就目前而言 <nuxt-link> 和 <router-link> 一樣 點擊功能太常用,身為工程師還是看個仔細實...
在簡單介紹完 Nuxt.js 之後,今天會接著將 Day02 的 002-create-nuxt-app branch 接續開發下去,目標是加入: pug s...
前言 首先,這不太算一個 Nuxt 教學文,只是想分享自己用 Nuxt 建立一個 blog。這次參賽的目標是想分享自己學到的知識,並記錄自己的學習過程,所以東西...