Minecraft 介紹與指南網站

這是一個使用 Next.js 14 App Router 建立的現代化 Minecraft 指南網站，為新手玩家提供清晰易懂的入門指南，並為老玩家提供完整的方塊、生物與合成配方資料庫。

🚀 功能特色

• 響應式設計 - 在桌面、平板和手機上均有良好體驗
• 靜態生成 - 使用 Next.js SSG 提供極速載入
• 完整指南 - 從新手入門到進階技巧
• 資料庫查詢 - 方塊、生物、物品的詳細資訊
• 搜尋與篩選 - 快速找到需要的內容
• MDX 支援 - 豐富的文章內容格式

🛠️ 技術棧

• Next.js 14 - React 框架 (App Router)
• TypeScript - 型別安全
• Tailwind CSS - 樣式框架
• shadcn/ui - UI 組件庫
• MDX - Markdown + React 組件
• Lucide Icons - 圖示庫

📦 安裝與運行

前置需求

• Node.js 18 或更高版本
• npm 或 yarn

安裝步驟

1. 安裝依賴

npm install

2. 啟動開發伺服器

npm run dev

3. 在瀏覽器中開啟 http://localhost:3000

📁 專案結構

minecraft-next-intro/
├── app/                    # Next.js App Router 頁面
│   ├── page.tsx           # 首頁
│   ├── guides/            # 指南頁面
│   ├── database/          # 資料庫頁面
│   └── about/             # 關於頁面
├── components/            # React 組件
│   ├── ui/                # 基礎 UI 組件
│   ├── layout/            # 佈局組件
│   └── specific/          # 特定功能組件
├── content/               # 內容資料
│   ├── guides/            # MDX 指南文章
│   └── database/          # JSON 資料檔案
├── lib/                   # 工具函式
└── public/                # 靜態資源

🎨 自定義樣式

專案使用 Tailwind CSS，所有樣式配置在：

• tailwind.config.ts - Tailwind 配置
• app/globals.css - 全域樣式和 Minecraft 特定樣式

🚀 部署

Vercel 部署（推薦）

1. 將代碼推送到 GitHub
2. 在 Vercel 上連結你的儲存庫
3. Vercel 會自動偵測 Next.js 並進行部署

📄 授權

本專案為非官方 Minecraft 指南網站，與 Mojang Studios 或 Microsoft 無關。 Minecraft 是 Mojang Studios 的註冊商標。