Performance that leaders trust
The future of how you build is now — Astro 6 × Strapi, agent-ready today, not a roadmap promise for next quarter.
Zero JS by design, strong Lighthouse, defaults you deploy. Strapi Loader and Strapi Blocks connect Strapi to Astro — typed collections, rich text as components. Tailwind 4, shadcn, dark mode; Tailwind-first or React + shadcn. AI-native driven with AGENTS.md, .ai/, and .cursor/rules — in-tree for your team and agents.
Trusted by
All inclusive, no compromises
The full stack you'd assemble yourself — already wired, tested, and ready.
AI-native first
Agent context, skills under .ai/, and scoped Cursor rules — extend the stack with your AI tools, not against them.
Astro 6
Ships zero JS by default. Islands architecture and SSR give you performance without trade-offs.
Strapi CMS
Content collections loaded automatically via dedicated loader. Rich text rendered with a single component.
Tailwind CSS 4 shadcn/ui
Tailwind 4 with OKLCH and theme tokens; shadcn/ui on Radix for React islands — add what you need via the CLI.
Dark Mode
Respects system preferences, toggleable at runtime. Branded tokens adapt across every component.
Why this starter?
Strategic advantages that save you days of setup and architectural decisions.
Zero config
Strapi Loader, Blocks renderer, React integration, shadcn/ui, Inter font — all wired up. Just clone and build.
Choose your UI
Pure Astro + Tailwind or React + shadcn/ui — both approaches ship side by side with a live toggle to compare.
Built by subject matter experts
12+ years of experience. The largest open-source maintainer in the Strapi ecosystem and the only team fully dedicated to the Astro × Strapi stack.
Deploy in minutes
Vercel, Netlify, or any Node host — clone, set two env vars, deploy. Production-ready from day one.
Powered by
Open-source packages built and maintained by Sensinum.
Strapi Loader
Seamlessly load Strapi collections into Astro's content layer. Type-safe, automatic schema generation.
Strapi Blocks
Render Strapi's rich text blocks as Astro components. Headings, lists, images, links — all customizable.
Component Showcase
Switch between pure Tailwind and shadcn/ui to preview both implementations.
Buttons
Badges
Card
Astro Component
Built with .astro files and Tailwind utility classes
Server-rendered with zero client-side JavaScript. Maximum performance for content-driven pages.
Zero Bundle Cost
No React runtime, no hydration overhead
Ideal for static content, landing pages, and SEO-focused websites.
Buttons
Badges
Card
Fully accessible, composable, and interactive. Built-in keyboard navigation and ARIA attributes.
Dialogs, dropdowns, forms, tables, and more. Add components with a single CLI command.
Ready to build?
Scaffold a new project with the Astro CLI — connect Strapi and deploy in minutes. MIT licensed, free forever.
npm create astro@latest -- --template VirtusLab-Open-Source/astro-strapi-starter