DAY 23 - Nuxt 將 component、page 、layout 整合，嘗試寫一個模板 驗收學習成果 再這篇我們會試著整合前面所學的，將 app...
DAY 22 - Nuxt 自動引入 (Auto Imports) Nuxt3 有個很重要的特性，那就是 自動引入 (Auto Imports)，大幅增加你...
DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins) Modules 模組 首先來看官方 Nuxt 模組，在這邊可以看到支援、...
來試試看在 NX 中加入 Vue 框架的 Nuxt 專案。 首先目前 NX 還沒有針對支援 Nuxt 的擴充，所以大多步驟要手動進行。 要將 Nuxt 專案建立...
DAY 19 - Nuxt 專案目錄結構 今天來一起分解 Nuxt 專案架構，我們在前面有提到 Nuxt 優點之一易懂的目錄架構 即使沒有這篇單看目錄架構...
DAY 18 - Vue + Vite + Nuxt 建立專案，享受最優質的 DX Vue3 + Vite + Nuxt 這次我主要是選擇使用Vue3 +...
今日前言 Nuxt3 了，接下來後半篇鐵人賽都會以 Nuxt3 為主，一開始預計 Vue.js 的概念篇本來預計寫 10 天，不知不覺越寫越多 orz ...發...
一開始開開心心的寫著Nuxt(2.x)，吃著火鍋唱著歌，然後跑個SSR(server side render)。就被伺服器重新開機給劫(結)了。如果你是從goo...
版本：nuxt 2.15.8 全名為 Nuxt configuration file，功能同 Vue 專案內 vue.config.js 檔，如果我們使用...
版本：nuxt 2.15.8 說到 Nuxt，必須先從 Vue.js 說起，Vue.js 為專注在視圖層(View) 的 JS 框架，為 SPA（Singl...
前言 當網站開發完成或有導入 CI/CD，在準備發布網站前，我們會將 Nuxt 網站的開發專案透過 Nuxt 提供的指令，我們可以來建構出正式環境所需要的版本，...
前言 Nuxt 3 作為一個完整的全端框架，也兼具了開箱即用的特性，當你選擇 Nuxt 3 開發網站準備建構正式環境的專案時，可以根據使用方式與解決情境，選擇是...
前言 網站開發的過程或部署前若能結合測試將能大大的降低網站出錯的可能性，這篇文章因為官方的測試相關工具尚未完善，故主要針對錯誤處理做講解，處理錯誤固然重要，但能...
Pinia這顆鳳梨有夠甜 Pinia是Vue官方推薦的狀態管理工具，雖然官方列出一大堆好處，但對菜鳥我來說目前的好處是：沒有mutations其他好處如下，待我...
Nuxt 本來參加鐵人的初衷就是想要幫自己的side project搬個家，然後以此繼續寫Test & 架設後端。所以這邊之後就是實作筆記啦！ 最後還是...
前言 當一個網站需要面向不同國家或不同語言的使用者，我們就需要做國際化 (Internationalization)，將網站內容進行翻譯或語言的對應，讓使用者能...
前言 選擇使用 Nuxt 3 作為網站開發框架的開發者，多數都是為了要使用 SSR 或 SSG 來加強對 SEO 的優化設置，這篇將會講述 Nuxt 提供的幾個...
前言 前一篇，我們完成了新增文章的頁面與流程，在網站開發的過程中，有些頁面是具有瀏覽的限制，例如，我們不希望一般的使用者能進到管理者頁面專用的頁面進行操作，這時...
前言 上一篇，我們完成了基本的會員登入，接下來將進入網站的切版，這篇文章會使用布局模板來實現，上方導覽列與下方顯示網站內容的排版方式，接下來就會快速的進入到新增...
前言 大家經過Nuxt 3 學習筆記這一系列文章，應該對於 Nuxt 3 有初步的理解，接下來我們將進入實戰部分，我將會以 Nuxt 3 來實作部落格網站，讓已...
前言 Cookie 在瀏覽網站時多會使用到，不論是用來儲存臨時的資訊或是辨識使用者等，這一個儲存在瀏覽器的一小段文字資料，會在每次發送 HTTP 請求時自動夾帶...
前言 跟隨著本系列學習 Nuxt 3 的夥伴們，應該對 Nuxt 3 有一點熟悉了，接下來會分享如何建立一個簡易的部落格網站，再結合 Nuxt 3 提供可以針對...
前言 在 Nuxt 3 中提供了兩種可以方式設定環境變數或前端需要使用的共用設定，分別是在 Nuxt 啟動時會在後端載入使用的 Runtime Config 及...
前言 上一篇我們介紹了如何在 Nuxt 3 使用 useState 來建立一個元件間的共享狀態，隨著專案的健壯增大，我們就需要一個更好的方式來管理與儲存這些狀態...
前言 Vue 3 父子元件間資料傳遞與讀寫或是跨元件間的狀態共享，可以選擇使用 Props / Emit、Provide / Inject 或 Vuex sto...
前言 現在的網站技術與前端框架的推進，使用 AJAX (Asynchronous JavaScript and XML) 技術發送 API 至後端進行資料獲取已...
前言 本篇將介紹如何在 Nuxt 3 中建置 Server API，在這之前會先介紹一下 Nitro Engine 是什麼東西，Nitro 可能不多人聽過但與...
前言 在 Vue 的專案內我們的頁面通常由 Vue Router 來控制路由及導航，Vue Router 提供了導航守衛 (Navigation Guards)...
前言 在使用 Nuxt 開發過程中，我們可以透過配置模組 (Modules) 或插件 (Plugin)來進行擴充，在[[Day 11] Nuxt 3 插件 (P...
前言 在開發時，為了不重複造輪子，我們可能會在網路上找看看有沒有現成的套件可以做使用，如果這個套件在 Nuxt 3 沒有專用的模組或插件，那麼我們就只能依照套件...
阿蘇蘇
Jasper
Ryan
Global Rachel
iThome鐵人賽
看影片追技術