鐵人檔案
SSR (Server-Side Rendering) 被視為前端工程師解決 SPA (Single-Page Application) SEO 問題的主要解法
本系列文將從一個簡單 Nuxt.js 專案建立講起，Nuxt.js 如何與現有 Vue.js SPA 整合，透過 SSR ，讓前端工程師也能處理 SEO 問題。甚至，做得更多。
前言 寫文是為了將最近用 Vue.js + Nuxt.js 的使用細節整理，供日後參考。順序也許跟官網不太一樣，請多多包涵。 官方範例其實已涵蓋的大量情境，若是...
什麼叫做 SSR? Server-Side Rendering，頁面由後端渲染，HTML由後端產生 傳統做法整頁HTML不就完全由後端產生嗎？ 使用後端...
關於 Universal Rendering 前一篇提到，原本前後端的 View 各自分開隨著前端漸漸吃重，為了讓畫面邏輯不需要分散各處，有人提出新的架構 -...
這篇寫常用情境 產生新 Nuxt 專案 Vue.js SPA 寫一半，得追加 SSR 產生完整 Nuxt 專案 入門寫 Vue.js，新專案用 Vue-cl...
前一章經 create-nuxt-app 生成的專案結構 放法按照 Nuxt 預設結構，相比 Vue.js 專案，已經幫你訂好了規則，方便對應與依循各資料夾對...
前一章我們新增 /pages/product.vue編輯即可在 http://localhost:3000/product 預覽頁面。 pages/ --| p...
本來打算介紹 Nuxt 版面依功能劃分、由哪些區塊組成。 想到六角學院才比完《甜點電商PK賽》，現成切好的版面很好找，參賽選手也不少，拿來說明與練習再適合不過。...
客製 SEO 資訊 上一章讓登入頁有了基本樣貌，但需要 SSR 是為了解決兩大問題 SEO SMO 具體怎麼做？ 前端最基本的，在 埋對應的 Meta T...
Nuxt 頁面元件跟 Vue File 哪裡不同？ Nuxt Routing 自動映射介紹過，/pages 的 Vue File 對應各個頁面。 雖然寫法一樣，...
此篇為簡化過程摘要 Page Component @/pages <template> {{ title }} <!-- 2 -->...
