Next.js Hereafter

This is a project to revamp the Hereafter.

Due to the design issues, only Traditional Chinese is supported now. Internationalization (i18n) is currently not supported.

這是一個重新設計並以 Next.js 改寫的 Hereafter 專案。

由於設計問題，目前只支援繁體中文。目前不支援國際化 (i18n)。

環境

環境相關的版本資訊如下：

pnpm version: 9.0.2 Node.js version: 20.12.2

開發目錄

• 由於 Next.js 是一個全端框架，所以將 database 和 middleware 都用 Next.js 生態系來處理。
• 盡量改成使用 tailwindcss，因此排版可能會有些不同。
• tailwindcss 裡面可以用 dark mode (dark:) 來切換配色主題（theme），這種做法有些缺點：
  • 彷彿預設只會有明暗兩種配色主題。
  • 每個需要支援配色主題切換的地方都要手動加上 dark: 才能切換。

    為了假設將來有更多配色主題的支援性，會透過 css :root 以及 css variables 來實作，並透過 tailwind.config.ts 來設定客製化的 className。

網頁聲明

原專案純粹作為學習並展示前端開發成果之用，不會有任何商業用途。

礙於時程，因此有使用到一些線上網頁的素材。如果有任何侵權問題希望改善，請聯絡我。

Email: dandelion820308@gmail.com

素材來源

• キボウノアカリ｜希望方塊相關發想與素材