專案宗旨
本專案為「Parker Chen 的Next.js實驗室」，聚焦於 Next.js 生態的整合與實驗，並透過實際頁面與 API 演示多語系、PWA、ISR、安全性、即時互動等主題。
另有 原始 Nuxt 專案
核心模組與技術
- Next.js 16、React 19、Redux Toolkit 狀態管理
- Material-UI 元件庫
- next-intl 多語系（含語系目錄與瀏覽器語言偵測）
- Serwist PWA（injectManifest，自訂 service-worker）
- SCSS + PostCSS（含 px-to-rem 與客製 plugin）
渲染與快取策略
路由採用 SSR 與 ISR 混合策略，首頁與多語系路由皆啟用 ISR。
- 全域預渲染以利 PWA 完整快取
- 多數功能頁（components、directives、css-drawing、route...）設為 ISR
- Next.js App Router 架構
API 與整合項目
- WebAuthn（註冊/驗證流程）
- FIDO2-lib 實作
- Firebase Admin 推播（Web / iOS / Android）與 Token 維護
- 前端 API 快取測試與 Scroll Fetch 範例
- Server-Sent Events 與 Socket.IO 範例
PWA 與應用外觀
- 以 Serwist 整合 service worker，離線與版本更新自動化
- 自訂 Manifest（名稱、語言、colors、icons）
- 站點圖示與 Favicon 已配置，顯示模式為 standalone
多語系與導覽
- 支援 zh / en，並提供語系切換 UI
- 頁面 head 設定 lang 與多語系路由
- 站名與標題整合 i18n 文案
特色頁面與實驗
- Components / Directives / CSS Drawing 示範頁
- WebAuthn、FIDO2、生物辨識流程
- WebCam 與臉部識別（Face API）
- Server-Sent Events 與 Socket.IO 互動測試
- 前端 API 快取測試（Frontend API Cache Test）
- Firebase（含 Cloud Messaging）
設計與版權
- 本站圖像與圖示由 Google Gemini 輔助生成與設計
- © Parker Chen 的Next.js實驗室