iT邦幫忙

2021 iThome 鐵人賽

DAY 2
0
Modern Web

Nuxt 與全新的 Vue 3.0系列 第 2

未知的第二天 - Nuxt 的出現

  • 分享至 

  • xImage
  •  

在對 Nuxt 感興趣之前,相信有許多人已經接觸過一陣子的 Vue 了,若產出的網站為 SPA (single page application),會遇到的一個大問題就是 SEO,雖然 google 有想要嘗試去擷取 ajax 的資料,但後續還是停止了此專案,因此我們需要的是更加進化的答案 SSR (server side render),透過伺服器將初始的資訊準備好,在進行頁面的第一次渲染後提供基本的資料,後續資料一樣透過 javascript 去進行,這樣就可以讓他人獲取足夠的資料來了解你的網站是甚麼囉

以前端三大框架來說,分別的 SSR 實作方式為

  • Anguler: Angular Universal
  • React: Next.js
  • Vue: Nuxt.js

很明顯的,這次的重心會放在 Nuxt 上,不過了解了一種實作方式,相信類似的東西也能夠很快就能夠觸類旁通,在了解了我們要使用的東西後,接下來的目標就是...打開他,讓我們明天來看看 Nuxt 的基本專案目錄吧,衝鴨!


上一篇
未知的第一天 - 行程整理
下一篇
未知的第三天 - Nuxt 初始化
系列文
Nuxt 與全新的 Vue 3.04
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言