GAME DATABASE
Next.js App Router + Tailwind CSS + TypeScript game database website.
Structure
src/app - App Router pages, layouts, sitemap, robotssrc/app/[locale] - localized zh/en site routessrc/components - shared UI componentssrc/data/games.json - game records and feature fieldssrc/lib - i18n, routes, and data helperssrc/types - shared TypeScript types
Current Game Fields
id - unique game identifier, also used as the display namegenre - category list used by the genre filterhitRate - 中獎率 number, displayed with %volatility - raw volatility number, displayed as a 1 to 5 levelrtp - RTP number, displayed with %boardSize - 盤面大小lineMechanic - 連線方式tags - searchable detail tags
Pages
/zh and /en - homepage/zh/games and /en/games - filterable game database/zh/about and /en/about - database notes/about page
Commands
npm install
npm run dev
Then open http://localhost:3000/zh.
Research content language
Research notes default to Traditional Chinese. In Notion, optionally add a
Language (or 語言) select/text property per article: use zh-Hant
for Traditional Chinese or en for English. An empty value uses Chinese.
English aliases English, en-US, en-GB, 英文 and 英語 are also supported.
The article language determines its canonical URL and sole sitemap entry.
Research lists link to that URL. Other language URLs remain accessible for
interface switching, but share the original article canonical and do not
advertise hreflang translations. The article body and cards carry the content
language; switching the interface does not translate Notion content.
Research list pages retain their localized interface metadata.
