GAME DATABASE

Next.js App Router + Tailwind CSS + TypeScript game database website.

Structure

• src/app - App Router pages, layouts, sitemap, robots
• src/app/[locale] - localized zh/en site routes
• src/components - shared UI components
• src/data/games.json - game records and feature fields
• src/lib - i18n, routes, and data helpers
• src/types - shared TypeScript types

Current Game Fields

• id - unique game identifier, also used as the display name
• genre - category list used by the genre filter
• hitRate - 中獎率 number, displayed with %
• volatility - raw volatility number, displayed as a 1 to 5 level
• rtp - 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.