Live Examples
Six real frontends running against live Atlas workspaces — see the Public API and TypeScript SDK in production before you build your own.
Live Examples
Every site below is a real deployment, not a mockup — each one fetches live content
from its own Atlas workspace through the Public API (some via the
TypeScript SDK, some via raw fetch/curl). Browse them for
inspiration, or open dev tools and watch the network requests to see the API in
action.
| Site | Stack | What it demonstrates |
|---|---|---|
| atlas.latellu.com | Next.js | Block-driven marketing page — the Pages API (hero, features, cta blocks) |
| yamato.atlas.latellu.com | Next.js | Multi-locale (ja/en) corporate site — content-rich, editorial design |
| ryokan.atlas.latellu.com | Next.js | Hospitality site — entries + pages together for a booking-style layout |
| portfolio.atlas.latellu.com | Next.js | Digital agency site — composing several content types (services, case studies, team, testimonials) from one workspace |
| museum.atlas.latellu.com | Next.js | Full i18n showcase — every entry, page, and block delivered in 5 locales (ja/en/id/fr/de) with fallback |
| blog.atlas.latellu.com | Astro | Editorial blog — the Entries API for articles, tutorials, and author profiles, zero client JS for data |
Source code
Every example above is open source in the atlas-examples repo, one directory per site. Clone one as a starting point for your own frontend.
Which one should I read first?
- New to Atlas? Start with atlas.latellu.com (landing) — the simplest use of the Pages API.
- Building a content-heavy site (blog, docs, news)? Look at blog.atlas.latellu.com — pure Entries API.
- Need multiple languages? museum.atlas.latellu.com is the deepest i18n example.
- Composing many content types into one site? portfolio.atlas.latellu.com.
See Use Cases for annotated code walkthroughs of these same patterns.