Atlas/Showcase

Demo Pages

OverviewAuthDataFormFlagsObservabilityA11y & ThemeConsent
Demo Mode

Data is mocked and in-memory only.

Demov1.0

Atlas Showcase

This demo section proves that Atlas platform primitives work correctly together. Each page demonstrates a specific pattern with real, working code.

Demo Mode Active

All data is mocked with in-memory storage. No external backend is required. Changes will reset on page reload.

Authentication
Google OAuth sign-in/out with SSR-safe session handling
useSession hookSign in/out flowServer-side sessionSSR hydration
Data Fetching
React Query with OpenAPI typed client and app states
Loading skeletonEmpty stateError fallbackSuccess renderingMode switching
Forms & Validation
React Hook Form with Zod and server error mapping
Zod schema validationField-level errorsServer validation mappingAccessible forms
Feature Flags
Feature toggles and kill switch patterns
Flag provideruseFlag hookKill switch guardFeatureGuard component
Observability
Error tracking with Sentry and structured logging
Error captureCorrelation IDStructured logsDev-safe testing
A11y & Theming
Theme toggle and keyboard navigation patterns
Light/dark/system themesFocus visibleKeyboard navigationARIA patterns
Consent
Cookie consent banner and analytics gating
CookieConsent v3Analytics opt-inuseConsent hookPreferences modal
What This Proves
The demo section validates that Atlas patterns work end-to-end
Type-safe API contracts with OpenAPI
Consistent loading/error/empty states
SSR-safe auth with hydration
Form validation with server errors
Feature flags with kill switches
Observability with correlation IDs
Accessible, keyboard-navigable UI
Breadcrumbs with nested routing

Ready to explore?

Start with the Auth demo to see session handling in action.