這個 Profile 是 GitHub 上 README 的延伸，另外具有「簡歷」跟「作品集」的功能。

採 Next.js、Tailwind CSS，與設計師合作聯手打造出充滿細節、且有著舒適閱讀體驗的作品。

我把這部份內容放在 blog 上面，可以點接下來的連結查看： https://link.pan93.com/personal-readme-introduction

• Next.js
• TypeScript
• Tailwind CSS
• SCSS

• 採用前沿功能，如 Next.js 13 appdir 跟 Data-fetching suspense
• 導入 Docker 和 Next.js standalone mode
• 內建相當嚴格的 ESLint 跟 Prettier 設定
• 有以專案為單位的 VS Code 設定、延伸功能和 Code Snipeets
• 專案架構分明

• 需要 Node.js 16 以上版本，v18 最好。

將 .env.local.example 拷貝為 .env.local，並填入相關資訊：

• TWITTER_API_BEARER_TOKEN: 可存取 Twitter API v1.1 的 token。
• MASTODON_API_BEARER_TOKEN: 可存取 Mastodon REST API 的 token。
• GH_API_BEARER_TOKEN: 可存取 GitHub GraphQL API v4 的 Token。
• SITE_URL: 你網站的 URL，例如 https://pan93.com。

執行 corepack enable 啟用 pnpm，然後執行 pnpm i 安裝套件。

corepack enable
pnpm i

# Lint with ESLint
pnpm lint
# Format with Prettier
pnpm fmt

pnpm dev

corepack enable
pnpm i -P
pnpm build
pnpm start

docker build -t pan-homepage:latest .

請參閱 ./CONTRIBUTING.md。本檔案包含樣式指南等貢獻須知文件。

See ./TODO.md.

AGPL-3.0-only