iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

4 Like 3 留言 42685 瀏覽

鐵人賽 Modern Web DAY 1

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 1 篇

達標好文技術 01. Nuxt.js 小跑起步

前言寫文是為了將最近用 Vue.js + Nuxt.js 的使用細節整理，供日後參考。順序也許跟官網不太一樣，請多多包涵。官方範例其實已涵蓋的大量情境，若是...

Ralph ‧ 2018-10-16 ‧團隊InfoSec Horadrim

1 Like 1 留言 24830 瀏覽

鐵人賽 Modern Web DAY 15

Nuxt 3 學習筆記系列第 15 篇

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

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

Ryan ‧ 2022-09-30

4 Like 0 留言 24478 瀏覽

鐵人賽 Modern Web DAY 3

用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列第 3 篇

技術 #3: Nuxt.js 簡介＆學習連結分享

上一篇，在不知道 Nuxt 是什麼的情況下，使用create-nuxt-app建立了一個 Nuxt 應用。今年 9/21 在倫敦舉辦的 Vue Confere...

HunterLiu ‧ 2018-10-10 ‧團隊武裝狗狗

2 Like 0 留言 23742 瀏覽

鐵人賽 Modern Web DAY 2

Nuxt 3 學習筆記系列第 2 篇

技術 [Day 02] Nuxt 3 介紹

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

Ryan ‧ 2022-09-17

3 Like 0 留言 19532 瀏覽

鐵人賽 Modern Web DAY 3

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 3 篇

技術 03. Nuxt.js 怎麼處理 SSR 問題？擔任什麼角色？

關於 Universal Rendering 前一篇提到，原本前後端的 View 各自分開隨著前端漸漸吃重，為了讓畫面邏輯不需要分散各處，有人提出新的架構 -...

Ralph ‧ 2018-10-18 ‧團隊InfoSec Horadrim

1 Like 2 留言 19431 瀏覽

鐵人賽 Modern Web DAY 7

Nuxt 3 學習筆記系列第 7 篇

技術 [Day 07] Nuxt 3 頁面 (Pages) 與路由 (Routing)

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

Ryan ‧ 2022-09-22

2 Like 2 留言 18766 瀏覽

鐵人賽 Modern Web DAY 4

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 4 篇

技術 04. Nuxt 環境建立

這篇寫常用情境產生新 Nuxt 專案 Vue.js SPA 寫一半，得追加 SSR 產生完整 Nuxt 專案入門寫 Vue.js，新專案用 Vue-cl...

Ralph ‧ 2018-10-19 ‧團隊InfoSec Horadrim

4 Like 0 留言 18603 瀏覽

鐵人賽 Modern Web DAY 9

用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列第 9 篇

技術 #9: Vuetify 簡介 + (vuetify.config.js)

Vuetify 是一個基於 Vue 的 UI 框架，類似於 Vuetify 的框架或函式庫有很多，例如： Element UI VueStrap...

HunterLiu ‧ 2018-10-16 ‧團隊武裝狗狗

2 Like 0 留言 18156 瀏覽

鐵人賽 Modern Web DAY 14

Nuxt 3 學習筆記系列第 14 篇

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

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

Ryan ‧ 2022-09-29

2 Like 2 留言 17932 瀏覽

鐵人賽 Modern Web DAY 4

Nuxt 3 學習筆記系列第 4 篇

技術 [Day 04] Nuxt 3 + TypeScript + ESLint + Prettier 環境建置

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

Ryan ‧ 2022-09-19

2 Like 2 留言 17823 瀏覽

鐵人賽 Modern Web DAY 7

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 7 篇

技術 07. Nuxt 頁面怎麼切會更好？以電商登入頁為例

本來打算介紹 Nuxt 版面依功能劃分、由哪些區塊組成。想到六角學院才比完《甜點電商PK賽》，現成切好的版面很好找，參賽選手也不少，拿來說明與練習再適合不過。...

Ralph ‧ 2018-10-22 ‧團隊InfoSec Horadrim

3 Like 1 留言 16492 瀏覽

鐵人賽 Modern Web DAY 6

Nuxt 3 學習筆記系列第 6 篇

技術 [Day 06] Nuxt 3 目錄結構與自動載入 (Auto Imports)

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

Ryan ‧ 2022-09-21

0 Like 0 留言 16376 瀏覽

鐵人賽 Modern Web DAY 3

Nuxt 3 學習筆記系列第 3 篇

技術 [Day 03] Nuxt 3 - 使用 nuxi 建立第一個專案

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

Ryan ‧ 2022-09-18

0 Like 1 留言 15993 瀏覽

鐵人賽 Modern Web DAY 8

Nuxt 3 學習筆記系列第 8 篇

技術 [Day 08] Nuxt 3 布局模板 (Layouts)

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

Ryan ‧ 2022-09-23

2 Like 1 留言 15955 瀏覽

鐵人賽 Modern Web DAY 5

Nuxt 3 學習筆記系列第 5 篇

技術 [Day 05] Nuxt 3 如何使用 Tailwind CSS

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

Ryan ‧ 2022-09-20

2 Like 1 留言 15584 瀏覽

鐵人賽 Modern Web DAY 20

Nuxt 3 學習筆記系列第 20 篇

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

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

Ryan ‧ 2022-10-05

0 Like 0 留言 15461 瀏覽

鐵人賽 Modern Web DAY 18

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 18 篇

技術 18. Nuxt 運行模式 (Mode) 差在哪？

這篇打算介紹 Nuxt 可運行模式與解決情境其中兩種靠調整設定，決定是否需要 Node Server Universal SPA 以及單純靜態頁靜態頁產...

Ralph ‧ 2018-11-02 ‧團隊InfoSec Horadrim

1 Like 1 留言 14938 瀏覽

鐵人賽 Modern Web DAY 17

Nuxt 3 學習筆記系列第 17 篇

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

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

Ryan ‧ 2022-10-02

2 Like 0 留言 14844 瀏覽

鐵人賽 Modern Web DAY 18

Nuxt 3 學習筆記系列第 18 篇

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

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

Ryan ‧ 2022-10-03

0 Like 2 留言 14413 瀏覽

鐵人賽 Modern Web DAY 11

Nuxt 3 學習筆記系列第 11 篇

技術 [Day 11] Nuxt 3 插件 (Plugins)

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

Ryan ‧ 2022-09-26

1 Like 0 留言 13817 瀏覽

鐵人賽 Modern Web DAY 10

Nuxt 3 學習筆記系列第 10 篇

技術 [Day 10] Nuxt 3 組合式函式 (Composables)

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

Ryan ‧ 2022-09-25

2 Like 3 留言 13554 瀏覽

鐵人賽 Modern Web DAY 25

Nuxt 3 學習筆記系列第 25 篇

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

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

Ryan ‧ 2022-10-10

1 Like 2 留言 13128 瀏覽

鐵人賽 Modern Web DAY 9

Nuxt 3 學習筆記系列第 9 篇

技術 [Day 09] Nuxt 3 元件 (Components)

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

Ryan ‧ 2022-09-24

1 Like 2 留言 12821 瀏覽

鐵人賽 Modern Web DAY 16

Nuxt 3 學習筆記系列第 16 篇

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

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

Ryan ‧ 2022-10-01

2 Like 0 留言 12605 瀏覽

鐵人賽 Modern Web DAY 29

Nuxt 3 學習筆記系列第 29 篇

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

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

Ryan ‧ 2022-10-14

4 Like 0 留言 12544 瀏覽

鐵人賽 Modern Web

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 32 篇

技術 32. Nuxt 整合 API 服務

這篇介紹 API 服務整合若頁面內容不全靠 SSR 產生，部分頁面資料得透過瀏覽器向第三方、自架 API 後端抓取，會碰到跨域 + CORS 問題。為什麼需...

Ralph ‧ 2018-11-22 ‧團隊InfoSec Horadrim

0 Like 0 留言 12392 瀏覽

鐵人賽 Modern Web DAY 13

Nuxt 3 學習筆記系列第 13 篇

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

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

Ryan ‧ 2022-09-28

1 Like 0 留言 12228 瀏覽

鐵人賽 Modern Web DAY 8

Nuxt - 使用 Vue.js 做 SSR 的第一哩路系列第 8 篇

技術 08. Nuxt 客製《甜點電商》SEO 基本資訊

客製 SEO 資訊上一章讓登入頁有了基本樣貌，但需要 SSR 是為了解決兩大問題 SEO SMO 具體怎麼做？前端最基本的，在埋對應的 Meta T...

Ralph ‧ 2018-10-23 ‧團隊InfoSec Horadrim

1 Like 1 留言 12085 瀏覽

鐵人賽 Modern Web DAY 19

Nuxt 3 學習筆記系列第 19 篇

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

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

Ryan ‧ 2022-10-04

4 Like 0 留言 11924 瀏覽

鐵人賽 Modern Web DAY 4

用 Nuxt.js 2.0, Vuetify, Storybook, Firebase 建一個 Blog 系列第 4 篇

技術 #4: nuxt.config.js

這篇稍微介紹一下 nuxt.js 的設定檔： nuxt.config.js。可以將以下專案 clone 下來，了解一下基本目錄結構。 github repos...

HunterLiu ‧ 2018-10-11 ‧團隊武裝狗狗

達標好文 技術 01. Nuxt.js 小跑起步

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

技術 #3: Nuxt.js 簡介 ＆ 學習連結分享

技術 [Day 02] Nuxt 3 介紹

技術 03. Nuxt.js 怎麼處理 SSR 問題？擔任什麼角色？

技術 [Day 07] Nuxt 3 頁面 (Pages) 與路由 (Routing)

技術 04. Nuxt 環境建立

技術 #9: Vuetify 簡介 + (vuetify.config.js)

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

技術 [Day 04] Nuxt 3 + TypeScript + ESLint + Prettier 環境建置

技術 07. Nuxt 頁面怎麼切會更好？以電商登入頁為例

技術 [Day 06] Nuxt 3 目錄結構與自動載入 (Auto Imports)

技術 [Day 03] Nuxt 3 - 使用 nuxi 建立第一個專案

技術 [Day 08] Nuxt 3 布局模板 (Layouts)

技術 [Day 05] Nuxt 3 如何使用 Tailwind CSS

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

技術 18. Nuxt 運行模式 (Mode) 差在哪？

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

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

技術 [Day 11] Nuxt 3 插件 (Plugins)

技術 [Day 10] Nuxt 3 組合式函式 (Composables)

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

技術 [Day 09] Nuxt 3 元件 (Components)

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

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

技術 32. Nuxt 整合 API 服務

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

技術 08. Nuxt 客製《甜點電商》SEO 基本資訊

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

技術 #4: nuxt.config.js

標記使用者

達標好文技術 01. Nuxt.js 小跑起步

技術 #3: Nuxt.js 簡介＆學習連結分享