[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"landing-footer-friend-links":3,"$fY-MOuQ_tAeCilGrcAC6oR5H7aDsqF52bomIsydUgq24":6},{"code":4,"data":5},200,[],{"code":4,"message":7,"data":8},"OK",{"systemid":9,"app_key":10,"slug":11,"title":12,"description":12,"markdown_content":13,"cover":14,"cover_image":14,"tags":15,"author":16,"status":17,"date":18,"created_at":19,"updated_at":19,"content_source":20},2,"demo-nuxt","introducing-the-zship-nuxt-template-ship-your-ai-saas-in-days","Introducing the ZShip Nuxt Template: Ship Your AI SaaS in Days","## Overview\n\nThe [ZShip web-nuxt template](https://nuxt.zship.ai) is a production-ready, full-stack application built on **Nuxt 4**, **Vue 3**, and **Cloudflare**. It gives indie hackers and small teams everything they need to launch an AI-powered SaaS: authentication, payments, credits, AI playground, and a polished dashboard—all wired together.\n\nIf you prefer Nuxt over Astro for your frontend, or want a single SSR/SPA hybrid that handles both marketing and app logic, this template is for you.\n\n---\n\n\n\n## What You Get Out of the Box\n\n### Authentication\n- **Email + password** signup and login with verification\n- **Google OAuth** single sign-on\n- **Guest mode** — convert anonymous users to registered accounts after signup\n- Session cookies and JWT handling via the auth service\n\n### Payments & Credits\n- Stripe integration for subscriptions and one-time purchases\n- Credit-based billing system\n- Pricing page with plan comparison\n- Checkout flow with webhook handling\n\n### AI Playground\n- Multi-model AI chat interface\n- Provider abstraction (OpenAI, Anthropic, etc.)\n- Session history and streaming responses\n- Configurable per-app via environment\n\n### Dashboard\n- Credits overview\n- Subscription management\n- Order history\n- API keys\n- Profile settings\n- Check-in rewards (optional)\n\n### Content & SEO\n- Landing page with hero, features, pricing, FAQ\n- Blog system (CMS-backed via node5-blog-service)\n- Docs with i18n support\n- Sitemap, robots.txt, Open Graph, structured data\n\n---\n\n## Tech Stack\n\n| Layer | Technology |\n|-------|------------|\n| **Frontend** | Nuxt 4, Vue 3, Pinia, Tailwind CSS |\n| **Backend** | Cloudflare Workers (Hono), D1, KV, R2 |\n| **Auth** | node1-auth-service |\n| **Payments** | node3-pay-service (Stripe) |\n| **AI** | node10-ai-service (multi-provider gateway) |\n| **Blog** | node5-blog-service |\n| **Deploy** | Cloudflare Pages (Nitro preset) |\n\n---\n\n## Project Structure\n\n```\napps/web-nuxt/\n├── app/\n│   ├── config/site.ts      # Brand, domain, app_key\n│   ├── i18n/ui.json        # Translations\n│   ├── pages/              # Routes (blog, pricing, dashboard, auth)\n│   └── assets/css/\n├── nuxt.config.ts\n└── packages/\n    ├── nuxt-common-layer   # Shared pages, layouts, API proxies\n    └── nuxt-ai-layer       # AI playground, provider composables\n```\n\n---\n\n## Quick Start\n\n1. **Clone the repo**\n   ```bash\n   git clone https://github.com/AICraftZShip/zship.git\n   cd zship\n   pnpm install\n   ```\n\n2. **Configure your app**\n   - Edit `apps/web-nuxt/app/config/site.ts` — set `APP_KEY`, `domain`, `siteName`\n   - Ensure your project exists in the Admin Console with the same `app_key`\n\n3. **Start dev**\n   ```bash\n   pnpm dev\n   ```\n   The web-nuxt app runs alongside the other services. Visit the URL shown in the dev console.\n\n4. **Deploy**\n   - Build: `pnpm build`\n   - Deploy the `apps/web-nuxt` output to Cloudflare Pages (Nitro preset: `cloudflare-pages`)\n\n---\n\n## Customization\n\n- **Branding:** `app/config/site.ts` — logo, domain, colors\n- **i18n:** `app/i18n/ui.json` — all user-facing strings\n- **Pricing:** Admin Console → Price Config\n- **Blog:** Admin Console → Blog (create posts via CMS or import markdown)\n\n---\n\n## Why Nuxt?\n\n- **SSR + SPA hybrid** — SEO for marketing pages, client-side interactivity for dashboard\n- **Nitro** — deploy to Cloudflare Pages, Vercel, or Node\n- **Layered architecture** — `nuxt-common-layer` and `nuxt-ai-layer` can be extended by multiple apps\n- **Vue ecosystem** — Pinia, VueUse, composables for shared logic\n\n---\n\n## Summary\n\nThe ZShip Nuxt template is designed for teams who want to ship a production-ready AI SaaS quickly. Auth, payments, credits, SEO, and AI are all integrated. You focus on your product logic; the rest is already wired.\n\n**Links:**\n- [Live demo](https://nuxt.zship.ai)\n- [GitHub](https://github.com/AICraftZShip/zship)\n- [Docs](https://nuxt.zship.ai/docs)","https://cdn.zship.ai/blog/covers/1773841861083-bcc818dd151601b0.png",[],"Nuxt Team","published","2026-03-18","2026-03-18T13:51:42.121Z","api"]