iT邦幫忙

nuxt相關文章
共有 103 則文章
鐵人賽 Vue.js DAY 30

技術 DAY 30 - <鐵人完賽> 回顧 30 Days 學習歷程

DAY 30 - &lt;鐵人完賽感言&gt; 回顧 30 Days 學習歷程 DAY 30 完結篇,在抓篇章結果沒有預估好,Nuxt 果然寫不完 XD光是...

鐵人賽 Vue.js DAY 29

技術 DAY 29 - transition 漸變 與動畫特效

DAY 29 - Vue/Nuxt transition 轉場動畫 在 Vue 裡本身就有內置 &lt;Transition&gt; 組件,我們可以利用這個組...

鐵人賽 Vue.js DAY 28

技術 DAY 28 - Nuxt 使用 useFetch 串接 API

DAY 28 - Nuxt 使用 useFetch 串接 API 前言 延續上篇 ...DAY 27 - Nuxt Server 模擬 RESTful AP...

鐵人賽 Vue.js DAY 27

技術 DAY 27 - Nuxt Server 模擬 RESTful API

DAY 27 - Nuxt Server 模擬 RESTful API 什麼是 Nuxt Server ? 有聽過 Json Server 嗎 ?Nuxt S...

鐵人賽 Vue.js DAY 26

技術 DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式

DAY 26 - Nuxt 渲染模式 SSR+SPA / CSR / 混合渲染 ,輕鬆切換渲染模式 今日前言 - 網站模式/渲染模式複習 前篇 DAY 25...

鐵人賽 Vue.js DAY 25

技術 DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR

DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR 今日前言 接下來會提到 Nuxt 渲染方式,那就不得不提到本身...

鐵人賽 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
Nuxt 3 實戰筆記 系列 第 21

技術 [Day 21] Nuxt 3 管理網站結構化資料標記 (Structured Data Markup) - SEO 搜尋引擎最佳化系列工具簡介

前言 在搜尋引擎最佳化 SEO 中,其中有一個最佳化項目是結構化資料標記 (Structured Data Markup),當你的網站設定好結構化的資料,將有助...

鐵人賽 Vue.js DAY 21

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

DAY 21 - 安裝 Nuxt Modules 模組 、插件 (Plugins) Modules 模組 首先來看官方 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 ...發...

鐵人賽 Modern Web DAY 18

技術 在 NX 中建立 Nuxt 專案

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

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

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

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

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

技術 [ 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)

前言 當網站開發完成或有導入 CI/CD,在準備發布網站前,我們會將 Nuxt 網站的開發專案透過 Nuxt 提供的指令,我們可以來建構出正式環境所需要的版本,...

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

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

前言 Nuxt 3 作為一個完整的全端框架,也兼具了開箱即用的特性,當你選擇 Nuxt 3 開發網站準備建構正式環境的專案時,可以根據使用方式與解決情境,選擇是...

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

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

前言 網站開發的過程或部署前若能結合測試將能大大的降低網站出錯的可能性,這篇文章因為官方的測試相關工具尚未完善,故主要針對錯誤處理做講解,處理錯誤固然重要,但能...

鐵人賽 Modern Web DAY 27

技術 Nuxt3+Pinia好甜-D27

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

鐵人賽 Modern Web DAY 26

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

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

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

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

前言 當一個網站需要面向不同國家或不同語言的使用者,我們就需要做國際化 (Internationalization),將網站內容進行翻譯或語言的對應,讓使用者能...

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

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

前言 選擇使用 Nuxt 3 作為網站開發框架的開發者,多數都是為了要使用 SSR 或 SSG 來加強對 SEO 的優化設置,這篇將會講述 Nuxt 提供的幾個...

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

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

前言 前一篇,我們完成了新增文章的頁面與流程,在網站開發的過程中,有些頁面是具有瀏覽的限制,例如,我們不希望一般的使用者能進到管理者頁面專用的頁面進行操作,這時...

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

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

前言 上一篇,我們完成了基本的會員登入,接下來將進入網站的切版,這篇文章會使用布局模板來實現,上方導覽列與下方顯示網站內容的排版方式,接下來就會快速的進入到新增...

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

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

前言 大家經過Nuxt 3 學習筆記這一系列文章,應該對於 Nuxt 3 有初步的理解,接下來我們將進入實戰部分,我將會以 Nuxt 3 來實作部落格網站,讓已...

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

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

前言 Cookie 在瀏覽網站時多會使用到,不論是用來儲存臨時的資訊或是辨識使用者等,這一個儲存在瀏覽器的一小段文字資料,會在每次發送 HTTP 請求時自動夾帶...

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

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

前言 跟隨著本系列學習 Nuxt 3 的夥伴們,應該對 Nuxt 3 有一點熟悉了,接下來會分享如何建立一個簡易的部落格網站,再結合 Nuxt 3 提供可以針對...