iT邦幫忙

nuxt.js相關文章
共有 95 則文章
1 Like 2 留言 453 瀏覽
鐵人賽 Vue.js DAY 30
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 30 篇

技術 D30：Nuxt 3.x 筆記：總結與感想

終於來到最後一天～今天不談技術，決定來分享一下參賽原因與總結這次的系列文內容。 總結 本次系列文概念以從頭到尾實作一個 Nuxt3 專案為主題，每一篇都有範例...

claire chang ‧ 2023-10-11
0 Like 1 留言 562 瀏覽
鐵人賽 Vue.js DAY 29
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 29 篇

技術 D29：Nuxt 3.x Universal（SSR）專案部署到 Firebase

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 專案開發完成後，終於到最後一步 「部署」，本篇將說明 Universal 專案部署到 Fireba...

claire chang ‧ 2023-10-10
1 Like 0 留言 586 瀏覽
鐵人賽 Vue.js DAY 28
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 28 篇

技術 D28：Nuxt 3.x 將靜態網站部署到 GitHub Pages

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 專案開發完成後，終於到最後一步 「部署」，本篇將說明靜態網站生成（SSG），搭配 GitHub P...

claire chang ‧ 2023-10-09
0 Like 0 留言 229 瀏覽
鐵人賽 Vue.js DAY 27
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 27 篇

技術 D27：Nuxt 3.x 自訂 Error Page 與錯誤處理

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt 3 提供大量內建功能，包括預設錯誤頁面，可以在隱藏資料夾 .nuxt/dev/index...

claire chang ‧ 2023-10-08
1 Like 0 留言 1002 瀏覽
鐵人賽 Vue.js DAY 26
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 26 篇

技術 D26：Nuxt 3.x 套件應用－Swiper 製作輪播動畫

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 nuxt-swiper 版本：v1.2.0 網站開發常使用到輪播功能，Swiper 是一款基...

claire chang ‧ 2023-10-07
0 Like 0 留言 245 瀏覽
鐵人賽 Vue.js DAY 25
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 25 篇

技術 D25：Nuxt 3.x 套件應用－CKEditor 5 文字編輯器

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 CKEditor 版本：v39.0.0 CKEditor 是一套歷史悠久且功能完整、輕量的富...

claire chang ‧ 2023-10-06
1 Like 0 留言 665 瀏覽
鐵人賽 Vue.js DAY 24
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 24 篇

技術 D24：Nuxt 3.x 套件應用－VeeValidate v4.x 表單驗證

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 vee-validate 是使用於 Vue.js 的輕量表單驗證套件（參考 php 框架 lar...

claire chang ‧ 2023-10-05
1 Like 0 留言 456 瀏覽
鐵人賽 Vue.js DAY 23
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 23 篇

技術 D23：Nuxt 3.x 替網站增加 Sitemap 網站地圖

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Sitemap 是一種用來提供網站資訊的檔案，記錄網站內的網頁、圖片等，主要功用為協助搜尋引擎快速...

claire chang ‧ 2023-10-04
0 Like 0 留言 463 瀏覽
鐵人賽 Vue.js DAY 22
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 22 篇

技術 D22：Nuxt 3.x 導入 I18n 實作多國語系

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 @nuxtjs/i18n 版本：v8.0.0-rc.3 多國語系讓我們的網站邁向國際市場，本...

claire chang ‧ 2023-10-03
0 Like 0 留言 875 瀏覽
鐵人賽 Vue.js DAY 21
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 21 篇

技術 D21：Nuxt 3.x 狀態管理 State Management (3)－Pinia Plugin Persistedstate 維持狀態

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 前一篇文章 說明了在 Nuxt3 搭配 Pinia 狀態管理工具全域共享狀態，本篇將介紹 pini...

claire chang ‧ 2023-10-02
0 Like 0 留言 387 瀏覽
鐵人賽 Vue.js DAY 20
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 20 篇

技術 D20：Nuxt 3.x 狀態管理 State Management (2)－Pinia

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 專案開發過程中常會有狀態共享的需求。昨天介紹了 Nuxt3 useState Composabl...

claire chang ‧ 2023-10-01
0 Like 0 留言 426 瀏覽
鐵人賽 Vue.js DAY 19
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 19 篇

技術 D19：Nuxt 3.x 狀態管理 State Management (1)－useState

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 專案開發過程中常會有狀態共享的需求。父子元件間資料傳遞可以使用 Props 和 $emit，或是...

claire chang ‧ 2023-09-30
0 Like 0 留言 685 瀏覽
鐵人賽 Vue.js DAY 18
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 18 篇

技術 D18：Nuxt 3.x 搭配 CSS Framework－以 Bootstrap 5 為例

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Bootstrap 版本：v5.3.1Sass 版本：v1.63.6 在 Nuxt 專案中，我...

claire chang ‧ 2023-09-29
0 Like 1 留言 482 瀏覽
鐵人賽 Vue.js DAY 17
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 17 篇

技術 D17：Nuxt 3.x 自訂 Loading 效果

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 提供了預設進度條元件 <NuxtLoadingIndicator>，在路...

claire chang ‧ 2023-09-28
0 Like 0 留言 475 瀏覽
鐵人賽 Vue.js DAY 16
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 16 篇

技術 D16：Nuxt 3.x Meta Tags 與 SEO 搜尋引擎優化

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 搭配 Unhead 套件，讓我們可以在專案內動態控制 <head> 標籤...

claire chang ‧ 2023-09-27
0 Like 0 留言 685 瀏覽
鐵人賽 Vue.js DAY 15
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 15 篇

技術 D15：Nuxt 3.x Server API 整合 MongoDB 實作，邁向全端第一步

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 搭配了新的伺服器引擎 Nitro，讓我們能輕鬆建立 Server API，並在 Nu...

claire chang ‧ 2023-09-26
0 Like 0 留言 558 瀏覽
鐵人賽 Vue.js DAY 14
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 14 篇

技術 D14：Nuxt 3.x Server 目錄－建立 API

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 搭配了新的伺服器引擎 Nitro，讓我們能輕鬆建立 Server API，並在 Nux...

claire chang ‧ 2023-09-25
0 Like 0 留言 1036 瀏覽
鐵人賽 Vue.js DAY 13
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 13 篇

技術 D13：Nuxt 3.x API 請求方法－$fetch、useAsyncData、useFetch

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 提供了全域可使用的內建函式庫 $fetch 以及 composables useFe...

claire chang ‧ 2023-09-24
0 Like 0 留言 323 瀏覽
鐵人賽 Vue.js DAY 12
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 12 篇

技術 D12：Nuxt 3.x Assets vs Public 目錄－靜態資源管理

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 提供兩個資料夾 assets/ 以及 public/，用來管理靜態資源，像是圖片、CS...

claire chang ‧ 2023-09-23
0 Like 0 留言 485 瀏覽
鐵人賽 Vue.js DAY 11
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 11 篇

技術 D11：Nuxt 3.x Middleware 目錄－監聽路由變化

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Middleware 為 Nuxt 內的 路由守衛（Navigation Guards），相當於...

claire chang ‧ 2023-09-22
0 Like 0 留言 605 瀏覽
鐵人賽 Vue.js DAY 10
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 10 篇

技術 D10：Nuxt 3.x Plugins 目錄－搭配第三方套件

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Plugins 目錄協助我們在 Nuxt 擴充套件功能。前端開發常會搭配 第三方套件（packag...

claire chang ‧ 2023-09-21
0 Like 0 留言 405 瀏覽
鐵人賽 Vue.js DAY 9
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 9 篇

技術 D9：Nuxt 3.x Composables vs Utils 目錄－自訂共用方法

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 定義在 composables 以及 utils 資料夾的檔案 Nuxt 都會自動引入（auto-...

claire chang ‧ 2023-09-20
0 Like 0 留言 366 瀏覽
鐵人賽 Vue.js DAY 8
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 8 篇

技術 D8：Nuxt 3.x Layouts 目錄－自訂模板

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Layouts 資料夾協助我們定義共用模板，將重複使用的版面提取到模板內全域共用，看起來跟昨天介紹...

claire chang ‧ 2023-09-19
0 Like 0 留言 399 瀏覽
鐵人賽 Vue.js DAY 7
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 7 篇

技術 D7：Nuxt 3.x Components 目錄－建立共用元件

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Components 目錄用來定義 Vue 共用元件，元件的特性為將部分模板、程式碼進行封裝，讓我...

claire chang ‧ 2023-09-18
0 Like 1 留言 907 瀏覽
鐵人賽 Vue.js DAY 6
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 6 篇

技術 D6：Nuxt 3.x Pages 目錄－自動生成路由

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Pages 資料夾用來新增頁面，當我們在 Pages 資料夾建立檔案，Nuxt 會根據資料夾以及檔...

claire chang ‧ 2023-09-17
0 Like 0 留言 623 瀏覽
鐵人賽 Vue.js DAY 5
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 5 篇

技術 D5：Nuxt 3.x Stylelint SCSS 程式碼檢查與自動排版

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 前一天介紹了 Nuxt3 搭配 ESLint JavaScript 程式碼檢查工具：文章連結，本...

claire chang ‧ 2023-09-16
0 Like 0 留言 581 瀏覽
鐵人賽 Vue.js DAY 4
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 4 篇

技術 D4：Nuxt 3.x ESLint 程式碼規範與自動排版－搭配 TypeScript

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt 3 完整支援 TypeScript 開發，TypeScript 相關設定在專案根目錄...

claire chang ‧ 2023-09-15
0 Like 0 留言 892 瀏覽
鐵人賽 Vue.js DAY 3
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 3 篇

技術 D3：Nuxt 3.x 目錄結構 Directory Structure

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt3 定義了完整的目錄規則，讓我們可以輕鬆配置功能，專注在開發上 透過 npx nuxi@l...

claire chang ‧ 2023-09-14
0 Like 0 留言 673 瀏覽
鐵人賽 Vue.js DAY 2
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 2 篇

技術 D2：Nuxt 3.x 專案架設

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 Nuxt 版本：v3.7.1 在 Vue 3 出了好一段時間後，Nuxt 3 終於在 202...

claire chang ‧ 2023-09-13
0 Like 0 留言 1513 瀏覽
鐵人賽 Vue.js DAY 1
Nuxt.js 3.x 筆記－打造 SSR 專案 系列 第 1 篇

技術 D1：Nuxt.js vs Vue.js，淺談 SPA 與 SSR

本篇文章同步更新於個人部落格，歡迎交流指教～謝謝您的閱讀 提到 Nuxt.js，必須先從 Vue.js 說起，Vue.js 為專注在視圖層（View）的...

claire chang ‧ 2023-09-12
iThome鐵人賽
參賽組數
1123 組
團體組數
52 組
累計文章數
23096 篇
完賽人數
656 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 2018鐵人賽 javascript 2017鐵人賽 python windows php c# windows server linux css react 程式設計 vue.js
熱門問題
熱門回答
熱門文章
IT邦幫忙