johnlin.me

個人網站專案，使用現代化的前端技術棧建構。

技術

核心框架

• Next.js 15.3.5 - 使用最新的 App Router 架構
• React 19.0.0 - 最新版本的 React
• TypeScript 5 - 型別安全的 JavaScript 開發

樣式與 UI

• Tailwind CSS 4 - 實用優先的 CSS 框架
• Sass/SCSS - CSS 預處理器
• CSS Modules - 元件級樣式隔離
• Font Awesome - 豐富的圖示庫

功能特色

• 國際化支援（繁體中文 / 英文） - next-intl
• 深色/淺色主題切換 - next-themes
• 響應式設計 - 支援各種裝置尺寸
• SEO 優化 - Next.js 內建 SEO 功能

📁 專案結構

johnlin.me/
├── app/                    # Next.js App Router
│   ├── [locale]/          # 國際化路由
│   ├── components/        # 可重用元件
│   └── contexts/          # React Context
├── i18n/                  # 國際化配置
├── messages/              # 翻譯檔案
└── public/                # 靜態資源

多語言支援

目前支援語言：

• 繁體中文 (zh-tw)
• English (en)

主要功能

• ✅ 響應式設計
• ✅ 深色/淺色主題切換
• ✅ 多語言國際化
• ✅ SEO 優化
• ✅ 現代化 UI 設計
• ✅ TypeScript 型別安全

授權

本專案僅供個人使用。