iT邦幫忙

nuxt相關文章
共有 126 則文章
鐵人賽 Vue.js DAY 24

技術 DAY 24 - Nuxt Routing 路由 與動態路由

DAY 24 - Nuxt Routing 路由 與動態路由 Nuxt Routing Nuxt 路由是基於vue-router 來使用, 依據資料夾 pa...

鐵人賽 Vue.js DAY 23

技術 DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板

DAY 23 - Nuxt 將 component、page 、layout 整合,嘗試寫一個模板 驗收學習成果 再這篇我們會試著整合前面所學的,將 app...

鐵人賽 Vue.js DAY 22

技術 DAY 22 - Nuxt 自動引入 (Auto Imports)

DAY 22 - Nuxt 自動引入 (Auto Imports) Nuxt3 有個很重要的特性,那就是 自動引入 (Auto Imports),大幅增加你...

鐵人賽 Vue.js DAY 21

技術 DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins)

DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins) Modules 模組 首先來看官方 Nuxt 模組,在這邊可以看到支援、...

鐵人賽 Modern Web DAY 18

技術 在 NX 中建立 Nuxt 專案

來試試看在 NX 中加入 Vue 框架的 Nuxt 專案。 首先目前 NX 還沒有針對支援 Nuxt 的擴充,所以大多步驟要手動進行。 要將 Nuxt 專案建立...

鐵人賽 Vue.js DAY 19

技術 DAY 19 - Nuxt 專案目錄結構

DAY 19 - Nuxt 專案目錄結構 今天來一起分解 Nuxt 專案架構,我們在前面有提到 Nuxt 優點之一易懂的目錄架構 即使沒有這篇單看目錄架構...

鐵人賽 Vue.js DAY 18

技術 DAY 18 - Vue + Vite + Nuxt 建立專案,享受最優質的 DX

DAY 18 - Vue + Vite + Nuxt 建立專案,享受最優質的 DX Vue3 + Vite + Nuxt 這次我主要是選擇使用Vue3 +...

鐵人賽 Vue.js DAY 17

技術 DAY 17 - 全新的開發者體驗,探索 Nuxt 3 世界

今日前言 Nuxt3 了,接下來後半篇鐵人賽都會以 Nuxt3 為主,一開始預計 Vue.js 的概念篇本來預計寫 10 天,不知不覺越寫越多 orz ...發...

技術 windows server pm2 開機自動重啟 (Windows startup script)

一開始開開心心的寫著Nuxt(2.x),吃著火鍋唱著歌,然後跑個SSR(server side render)。就被伺服器重新開機給劫(結)了。如果你是從goo...

技術 [ Nuxt.js 2.x 系列文章 ] nuxt.config.js 設定檔

版本:nuxt 2.15.8 全名為 Nuxt configuration file,功能同 Vue 專案內 vue.config.js 檔,如果我們使用...

技術 [ Nuxt.js 2.x 系列文章 ] Nuxt.js 專案架設與目錄結構

版本:nuxt 2.15.8 說到 Nuxt,必須先從 Vue.js 說起,Vue.js 為專注在視圖層(View) 的 JS 框架,為 SPA(Singl...

鐵人賽 Modern Web DAY 29
Nuxt 3 學習筆記 系列 第 29

技術 [Day 29] Nuxt 3 發布網站前的建構打包 (Build) 與靜態網站生成 (Static Site Generation)

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

鐵人賽 Modern Web DAY 28
Nuxt 3 學習筆記 系列 第 28

技術 [Day 28] Nuxt 3 渲染模式 (Rendering modes) 與網站使用體驗核心指標 (Core Web Vitals)

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

鐵人賽 Modern Web DAY 27
Nuxt 3 學習筆記 系列 第 27

技術 [Day 27] Nuxt 3 測試 (Testing) 與錯誤處理 (Error handling)

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

鐵人賽 Modern Web DAY 27

技術 Nuxt3+Pinia好甜-D27

Pinia這顆鳳梨有夠甜 Pinia是Vue官方推薦的狀態管理工具,雖然官方列出一大堆好處,但對菜鳥我來說目前的好處是:沒有mutations其他好處如下,待我...

鐵人賽 Modern Web DAY 26

技術 把專案Nuxt3起來&config設定-D26

Nuxt 本來參加鐵人的初衷就是想要幫自己的side project搬個家,然後以此繼續寫Test & 架設後端。所以這邊之後就是實作筆記啦! 最後還是...

鐵人賽 Modern Web DAY 25
Nuxt 3 學習筆記 系列 第 25

技術 [Day 25] Nuxt 3 邁向國際化 - 使用 Nuxt I18n 實作多國語系

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

鐵人賽 Modern Web DAY 24
Nuxt 3 學習筆記 系列 第 24

技術 [Day 24] Nuxt 3 搜尋引擎最佳化 (SEO) 與 HTML Meta Tag

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

鐵人賽 Modern Web DAY 23
Nuxt 3 學習筆記 系列 第 23

技術 [Day 23] Nuxt 3 實作部落格 - 頁面的導航守衛與切換效果

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

鐵人賽 Modern Web DAY 22
Nuxt 3 學習筆記 系列 第 22

技術 [Day 22] Nuxt 3 實作部落格 - 導覽列模板與新增文章

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

鐵人賽 Modern Web DAY 21
Nuxt 3 學習筆記 系列 第 21

技術 [Day 21] Nuxt 3 實作部落格 - 資料庫與會員系統

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

鐵人賽 Modern Web DAY 20
Nuxt 3 學習筆記 系列 第 20

技術 [Day 20] Nuxt 3 Cookie 的設置與 JWT 的搭配

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

鐵人賽 Modern Web DAY 19
Nuxt 3 學習筆記 系列 第 19

技術 [Day 19] Nuxt 3 串接 Google OAuth 登入

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

鐵人賽 Modern Web DAY 18
Nuxt 3 學習筆記 系列 第 18

技術 [Day 18] Nuxt 3 Runtime Config & App Config

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

鐵人賽 Modern Web DAY 17
Nuxt 3 學習筆記 系列 第 17

技術 [Day 17] Nuxt 3 狀態管理 - Store & Pinia

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

鐵人賽 Modern Web DAY 16
Nuxt 3 學習筆記 系列 第 16

技術 [Day 16] Nuxt 3 狀態管理 (State Management)

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

鐵人賽 Modern Web DAY 15
Nuxt 3 學習筆記 系列 第 15

技術 [Day 15] Nuxt 3 資料獲取 (Data Fetching)

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

鐵人賽 Modern Web DAY 14
Nuxt 3 學習筆記 系列 第 14

技術 [Day 14] Nuxt 3 Server API 與 Nitro Engine

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

鐵人賽 Modern Web DAY 13
Nuxt 3 學習筆記 系列 第 13

技術 [Day 13] Nuxt 3 中間件目錄 (Middleware Directory)

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

鐵人賽 Modern Web DAY 12
Nuxt 3 學習筆記 系列 第 12

技術 [Day 12] Nuxt 3 模組 (Modules)

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