iT邦幫忙

nuxt3相關文章
共有 101 則文章

技術 [ DAY26 ] Nuxt 3 進階技巧:Pinia、API 整合、Loading 元件

嗨!今天要跟大家分享的是如何在 Nuxt 3 專案中運用 Pinia 這個強大的狀態管理工具,並且實作一個客製化的 Loading 元件。無論你是剛接觸 Vue...

技術 [ DAY25 ] Nuxt 3 開發之旅:顏色、圖示、導航欄到動畫效果

哈囉大家好!今天我們要來玩點有趣的東西了 —— 我們要開始打造我們的網頁骨架啦!想像一下,我們今天要給我們的 Nuxt3 專案穿上漂亮的衣服,讓它不再只是一個空...

技術 [ DAY23 ] Nuxt3 開發必備:套件安裝懶人包

哈囉大家早安!昨天我們成功建立了 Nuxt3 的開發環境,今天我們要來認識幾個超級實用的開發工具和套件。這些工具就像是我們的小幫手,不只能讓我們的程式碼變得更漂...

鐵人賽 Modern Web DAY 29

技術 Day 29: Nuxt3 中的路由管理以及 Middleware:如何結合 TypeScript 實現靈活的路由系統

簡介 Nuxt3 提供了強大而靈活的路由系統,結合 TypeScript 的靜態類型檢查,可以大大提高開發效率和代碼質量。本文將深入探討 Nuxt3 中的路由...

鐵人賽 Modern Web DAY 28

技術 Day 28: 使用 Pinia 與 Nuxt3 管理全局狀態

簡介 在現代的 Web 應用開發中,有效管理全局狀態是一個關鍵挑戰。Nuxt3 作為一個強大的 Vue.js 框架,結合 Pinia 這個靈活的狀態管理庫,為...

鐵人賽 Modern Web DAY 27

技術 Day 27: 初探 Nuxt3:如何利用 Nuxt3 與 TypeScript 打造伺服器端渲染應用

簡介 Nuxt3 是一個強大的 Vue.js 框架,它結合了服務器端渲染(SSR)和靜態站點生成(SSG)的優勢,同時提供了出色的開發體驗。本文將帶您深入了解...

鐵人賽 影片教學 DAY 30
Nuxt 3 快速入門 系列 第 30

技術 [影片教學] Nuxt 3 部署網站服務

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 30
Nuxt 3 實戰筆記 系列 第 30

技術 [Day 30] Nuxt 3 版本的升級與套件升級的管理工具

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 29
Nuxt 3 快速入門 系列 第 29

技術 [影片教學] Nuxt 3 部署前的建構打包

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 29
Nuxt 3 實戰筆記 系列 第 29

技術 [Day 29] Nuxt 3 混合渲染 (Hybrid Rendering) 中的 SWR 與 ISR

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 28
Nuxt 3 快速入門 系列 第 28

技術 [影片教學] Nuxt 3 視覺化開發工具 Nuxt DevTools

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 28
Nuxt 3 實戰筆記 系列 第 28

技術 [Day28] Nuxt 3 建構打包與部署至 Cloudflare Workers

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 27
Nuxt 3 快速入門 系列 第 27

技術 [影片教學] Nuxt 3 SEO 搜尋引擎最佳化 - 實戰部落格系列 Part 5

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 27
Nuxt 3 實戰筆記 系列 第 27

技術 [Day 27] Nuxt 3 產生靜態網頁部署至 Cloudflare Pages 與持續自動部署

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 26
Nuxt 3 快速入門 系列 第 26

技術 [影片教學] Nuxt 3 路由頁面的權限判斷 - 實戰部落格系列 Part 4

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 26
Nuxt 3 實戰筆記 系列 第 26

技術 [Day 26] Nuxt 3 錯誤頁面 (Error Page) 與錯誤處理 (Error handling)

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 25
Nuxt 3 快速入門 系列 第 25

技術 [影片教學] Nuxt 3 Server API 權限判斷與串接 - 實戰部落格系列 Part 3

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 25
Nuxt 3 實戰筆記 系列 第 25

技術 [Day 25] Nuxt 3 深入靜態資源的使用 Public & Assets

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 24
Nuxt 3 快速入門 系列 第 24

技術 [影片教學] Nuxt 3 建立部落格文章相關 API - 實戰部落格系列 Part 2

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 24
Nuxt 3 實戰筆記 系列 第 24

技術 [Day 24] Nuxt 3 多國語系模組 Nuxt I18n 的進階使用方法與 SEO 搜尋引擎最佳化

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 30

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

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

鐵人賽 影片教學 DAY 23
Nuxt 3 快速入門 系列 第 23

技術 [影片教學] Nuxt 3 建立第一個網站 - 實戰部落格系列 Part 1

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 29

技術 D29:Nuxt 3.x Universal(SSR)專案部署到 Firebase

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

鐵人賽 Vue.js DAY 23
Nuxt 3 實戰筆記 系列 第 23

技術 [Day 23] Nuxt 3 多國語系模組 Nuxt I18n 的初入門與基本使用方法

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 22
Nuxt 3 快速入門 系列 第 22

技術 [影片教學] Nuxt 3 靜態資源的管理 - Public & Assets

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 22
Nuxt 3 實戰筆記 系列 第 22

技術 [Day 22] Nuxt 3 使用 SVG 的解決方案與更方便的使用 Icon 圖示

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 影片教學 DAY 21
Nuxt 3 快速入門 系列 第 21

技術 [影片教學] Nuxt 3 使用 I18n 建立多國語系

🔥【Vue.js → Nuxt 入門推薦!🌟 新書即將上市 🌟】📘《想要 SSR 嗎?就使用 Nuxt 吧!Nuxt 讓 Vue.js 更好處理 SEO 搜...

鐵人賽 Vue.js DAY 28

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

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

鐵人賽 Vue.js DAY 27

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

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

鐵人賽 Vue.js DAY 26

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

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