SvelteKit + Cloudflare Workers

Ship a SvelteKit AI SaaS without rebuilding auth and billing.

Production-ready SvelteKit template with login, guest mode, checkout, credits, docs, blog, and dashboard—wired to the same ZShip backend contracts as the Nuxt stack. Fork it, set your brand, deploy on Cloudflare.

AUTH_SERVICE /auth/login /auth/me /credits/balance

PAY_SERVICE /pricing/plans /stripe/checkout /user/orders

BLOG_SERVICE /blog/list /blog/get with Markdown fallback content

AI_SERVICE /ai/models /ai/chat/completions with user API keys

SUPPORT + CHECKIN /feedback /tickets /checkin/status /checkin/claim

Capabilities

Everything a SaaS front end needs on day one.

Configure brand, SEO, analytics consent, dashboard features, and service bindings from one manifest — then ship marketing, product, and docs together.

Runtime Cloudflare
Auth HttpOnly
Services Auth + Pay + AI
Content Docs + Blog

Auth & sessions

Email, guest, and OAuth-ready BFF routes with HttpOnly cookies.

Billing & credits

Plans, checkout, orders, subscriptions, and credit balance via pay-service.

Dashboard workspace

Keys, tickets, check-in, referral, and AI playground behind feature flags.

Docs, blog & legal

Markdown content, sitemap, robots, and policy pages included.

SEO & analytics

Manifest-driven title/OG tags and third-party scripts only after consent.

Cloudflare Workers

Service bindings for auth, pay, blog, AI, support, and more.

Workflow

From first visit to paid product usage.

Authentication

Cookie-backed sessions

Login responses keep backend tokens server-side and expose only normalized account data to browser code.

Payments

Provider checkout

Pricing and checkout calls proxy to node3-pay-service through service bindings or local Worker fallbacks.

Workspace

Product workflows

The dashboard reads balance, transactions, orders, subscriptions, API keys, support tickets, and daily check-in state using the current session.

Content

Docs and blog

Public documentation, blog APIs, legal pages, sitemap, robots, and llms.txt ship with the SvelteKit app.

FAQ

Common questions before you fork the template.

How is this different from web-nuxt?

web-sveltekit is a parallel SvelteKit frontend with the same ZShip BFF contracts. Choose it when your team prefers Svelte over Vue/Nuxt.

Where do I configure brand and SEO?

Edit apps/web-sveltekit/zship.app.json for siteName, seo.landingTitle, seo.landingDescription, footer, analytics, and dashboard feature flags.

When do analytics scripts load?

Never by default. When provider IDs are set and consentBanner is enabled, GA / Plausible / Clarity inject only after the user accepts cookies.

Can I hide dashboard modules?

Yes. Set dashboard.features.checkin, tickets, referral, or enterpriseBilling to false in the manifest to hide entries and block direct routes.

Get started

Ship a branded SvelteKit AI SaaS front end this week.

Copy the template, set your app key and domain, wire service bindings, and open the public funnel with docs and pricing already in place.