Routing

​

Routing model

​

Route map

​

Auth protection

// Pattern used in protected pages
const { data: { session } } = await supabase.auth.getSession();
if (!session) {
    window.location.href = '/login';
}

​

Cloudflare Worker URL handling

1. API proxy: /api/* routes are forwarded to the backend
2. Exact match: Tries to serve the exact path from static assets
3. HTML fallback: For extensionless paths, appends .html (e.g., /users → /users.html)
4. SPA fallback: Unmatched non-API routes serve index.html

// Extensionless fallback
const hasExtension = pathname.split('/').pop()?.includes('.');
if (!hasExtension && env.ASSETS) {
    htmlUrl.pathname = pathname.replace(/\/$/, '') + '.html';
    let assetResponse = await env.ASSETS.fetch(new Request(htmlUrl, request));
    if (assetResponse && assetResponse.status !== 404) return assetResponse;
}

​

Navigation

​

Query parameters