Several ways in
One reader arrives through a country, another through a route and another through a topic such as trekking or budget. Navigation had to serve all three.
Zantrail — an editorial platform for independent travel
Practical guides, overland routes and destinations organised so readers can quickly find what they need and read it without distractions.
Own project · Editorial travel platform · Developed by Diogo Oliveira
Visit zantrail.com ↗
01 · The project
Lots of practical content, organised to be found.
Zantrail publishes guides for independent travel, mostly overland across Asia: visas, borders, transport, costs, trekking and accommodation. The content is in English and organised by country, topic and route.
It is our own project. Here it shows how we structure an editorial website with many articles: navigation, search, filters and long-form reading.
- Project type
- Editorial travel platform
- Relationship
- Own project
- Content language
- English
- Public website
- zantrail.com
02 · Needs and goals
The challenge of a growing editorial site.
Practical detail in long guides
Guides covering prices, transport and borders are long. Readers need to jump to the section they care about.
Reading on any screen
Guides have to be comfortable on a small screen, with headings and paragraphs readable without zooming.
Information that changes
Prices, transport and border rules change. Each guide needs to show when it was last updated.
03 · Contribution
What was built.
Diogo Oliveira developed the platform. This list covers what is published and what the project codebase confirms.
- Content architecture by country, guide, destination and route.
- Built with Next.js (App Router), React, TypeScript and Tailwind CSS.
- Guide and route indexes with search and filters by country, category and type of transport.
- A reading layout with a centred column and a table of contents that follows the guide’s sections.
- Sign-in and guide discussions with Supabase, including moderation tools.
- Automated tests with Node and Playwright, including desktop and mobile reading.
04 · Solution and features01 02 03 04 05 06 07 08
Features checked on the public website.
Destinations by country
Country cards with an image, a summary and the number of guides; each country has a page organised by type of content.
Guide search
Search by title, country or place, combined with a country filter and categories such as trekking, transport or budget.
Overland routes
Journeys between cities and borders, filterable by bus or marshrutka, train, shared taxi and border crossing.
Long-form reading
Breadcrumbs, tags, an update date and a table of contents to jump between sections.
Countries menu
Every country is reachable from the header on any page.
Light and dark theme
Readers can switch the interface theme.
Guide discussions
Questions and travel updates attached to each guide, with sign-in.
Editorial context
Pages about the project, contact details and how the guides are put together.
05 · Decisions
Structure, discovery and reading.
Three ways to navigate
Country, topic and route are parallel entry points to the same content. Readers do not need to understand the site structure to reach the right guide.
Filters instead of long lists
On the indexes, search and filters narrow the list down instead of making readers scroll through every guide.
Reading column and contents
Guides use a centred column and a table of contents, without sidebars, to keep the focus on the text.
Visible dates
The update date sits at the top of each guide, because how useful the information is depends on when it was checked.
06 · The platform in pictures
From discovery to reading.
Screenshots of the public website taken in November 2026.
Guides made to be read on the road.
On mobile, the guide keeps its breadcrumbs, tags and update date, with text readable without zooming.
Where it stands
- Public website live at zantrail.com, with guides, destinations and routes published.
- English content organised by country, topic and route.
- Accounts and discussions available on guides.
07 · Next step
Has a client’s blog or editorial site grown without structure?
We can organise categories, search and reading pages so the content is easier to find and to read — under your agency’s brand if needed.