Template workbench
One live page for every template. Open it, decide what to change in the look and the content, edit the component and the data named beside it, and only then roll the change out to the other pages of that template. The full list with what each template decides is on Page templates.
Places
| Template | Sample page | Look: edit in | Content: edit in |
|---|---|---|---|
| City — Destination OS | /tokyo | components/pages/CityPage.tsx (+ components/pages/city/*, layout/SideMenu.tsx) | data/tokyo/city.yaml |
| City — basic guide | /nagoya | components/pages/BasicCityPage.tsx | data/basic/<country>.yaml (cities[]) |
| Country | /japan | components/pages/GeoPage.tsx | data/geo/japan.yaml |
| Country — advisory | /russia | components/pages/GeoPage.tsx | data/geo/russia.yaml |
| Region | /kansai | components/pages/GeoPage.tsx | data/geo/kansai.yaml |
| Subregion | /southeast-asia | components/pages/GeoPage.tsx | data/geo/southeast-asia.yaml |
| Continent | /asia | components/pages/GeoPage.tsx | data/geo/asia.yaml |
| Excursion | /ha-long-bay | components/pages/ExcursionPage.tsx | data/excursions/ha-long-bay.yaml |
| National park | /parks/phong-nha-ke-bang-national-park | components/pages/ParkPage.tsx | data/parks/ |
| Trek | /treks/sapa-valley-trek | components/pages/TrekPage.tsx | data/treks/ |
| Dive area | /dives/con-dao | components/pages/DivePage.tsx | data/dives/con-dao.yaml |
Inside a city
| Template | Sample page | Look: edit in | Content: edit in |
|---|---|---|---|
| Cluster | /tokyo/clusters/asakusa | app/[slug]/clusters/[cluster]/page.tsx | data/tokyo/clusters/asakusa.yaml |
| Place | /tokyo/places/senso-ji | app/[slug]/places/[place]/page.tsx (+ components/pages/DetailBlocks.tsx) | data/tokyo/places/senso-ji.yaml |
| Eat | /tokyo/eat/tsukiji-outer-market | app/[slug]/eat/[venue]/page.tsx | data/tokyo/eat/ |
| Sleep area | /tokyo/sleep/shinjuku | app/[slug]/sleep/[area]/page.tsx | data/tokyo/sleep/ |
| Arrive (gateway) | /tokyo/arrive/hnd | app/[slug]/arrive/[gateway]/page.tsx | data/tokyo/arrive/hnd.yaml |
| Days preset | /tokyo/days/3 | app/[slug]/days/[preset]/page.tsx | data/tokyo/days/ |
| Street | /tokyo/streets/takeshita-dori | components/pages/StreetPage.tsx | data/streets/ |
| First time here | /tokyo/first-time | components/pages/FirstTimePage.tsx | data/tokyo/city.yaml |
| Things to do | /tokyo/things-to-do | components/pages/ThingsToDoPage.tsx | data/entertainment/ |
Decide and plan
| Template | Sample page | Look: edit in | Content: edit in |
|---|---|---|---|
| Compare two cities | /compare/kyoto-vs-osaka | app/compare/[pair]/page.tsx | data/compare/ |
| Route | /routes/hanoi-to-ho-chi-minh-city | components/pages/RoutePage.tsx | data/routes/ |
| Travel topic | /topics/rail-travel-in-vietnam | components/pages/TopicPage.tsx | data/topics/ |
| Theme (one system decision) | /themes/japan/jr-pass | components/pages/SystemPage.tsx | data/themes/ |
| Desk (one task) | /desk/visas | app/desk/[util]/page.tsx | lib/tools/desks.ts |
| Phrasebook | /phrasebook/vietnamese | components/pages/PhrasebookPage.tsx | data/phrasebook/ |
| Tool (example) | /tools/jet-lag | app/tools/<tool>/page.tsx + components/tools/ | lib/tools/catalog.ts |
Site
| Template | Sample page | Look: edit in | Content: edit in |
|---|---|---|---|
| Home | / | app/page.tsx + components/home/ | components/home/data.ts |
| Article / visa page | /japan/visa-requirements | components/pages/ArticlePage.tsx | data/pages/japan__visa-requirements.yaml |
| Atlas seed | /atlas | components/pages/AtlasPage.tsx | data/atlas/ |
| Method / about / legal | /method | app/method/page.tsx, app/about/page.tsx | — |
| Your trip | /trips | app/trips/page.tsx | device storage |