·8 min read·
前端面試系列渲染與 SEONext.js
前端工程師面試題：CSR、SSR、SSG 差在哪？Next.js 為什麼適合 SEO？
整理前端面試常見的渲染策略題：CSR、SSR、SSG、ISR 的差異、hydration 的概念，以及 Next.js 為什麼比純 React SPA 更適合 SEO。
閱讀全文 →
·7 min read·
Next.jsVercel AI SDKGroq
用 Vercel AI SDK v6 在 Next.js 加上 AI 聊天助手（免費用 Groq）
從零整合 Vercel AI SDK，搭配 Groq 免費 API，在 Next.js 部落格實作 streaming 聊天介面。解釋為什麼要用 SDK 而不是直接呼叫 API，以及實作過程中需要注意的 API 設計細節。
閱讀全文 →
·6 min read·
CI/CDGitHub ActionsNext.js
個人 Blog 需要 GitHub Actions CI 嗎？我試了之後的結論
我在這個 Blog 加了 GitHub Actions CI，然後做了一個實驗。這篇記錄我從中得出的結論：Vercel 已經夠了，還有什麼時候才真正需要 CI。
閱讀全文 →
·5 min read·
Next.js搜尋React
Next.js Blog 不靠後端的全文搜尋
介紹如何在 Next.js Blog 中實作純前端全文搜尋，不需要後端 API，直接在 Client Component 過濾文章。
閱讀全文 →
·6 min read·
Next.jsMDXTOC
Next.js Blog 實作文章目錄（TOC）
介紹如何在 Next.js Blog 中從 MDX 文章自動產生 TOC 目錄，並用 IntersectionObserver 追蹤當前閱讀位置。
閱讀全文 →
·5 min read·
Next.jsMDXShiki
Next.js Blog 加入程式碼高亮（Shiki + rehype-pretty-code）
介紹如何在 Next.js Blog 中加入程式碼高亮，使用 Shiki 與 rehype-pretty-code 提供更好的技術文章閱讀體驗。
閱讀全文 →
·6 min read·
Next.jsMDXBlog
在 Next.js 使用 MDX 撰寫技術文章
介紹如何在 Next.js 專案中加入 MDX，建立可以撰寫技術文章的 Blog 系統。
閱讀全文 →
·3 min read·
Next.jsBlog
我是如何用 Next.js 打造這個技術 Blog
記錄這個 Blog 的技術架構，以及如何用 Next.js 開始建立自己的技術筆記網站。
閱讀全文 →