Astro 6 Strapi CMS Tailwind CSS 4 shadcn/ui React 19 TypeScript
Loader: 1k+ / mo Blocks: 500+ / mo 100+ GitHub stars MIT License
Astro x Strapi Integrations by Sensinum

Performance that leaders trust

The Astro 6 & Strapi starter chosen by teams who set the pace — not follow it.

Zero-JS by default. Near-perfect Lighthouse scores out of the box. Trusted by trendsetters who demand speed, scalability, and elegance — from startups to enterprise. Tailwind CSS 4, shadcn/ui, dark mode, and everything wired up to ship today.

Trusted by

All inclusive, no compromises

The full stack you'd assemble yourself — already wired, tested, and ready.

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

CSS-first config with OKLCH color system. Custom design tokens already wired into the theme.

shadcn/ui

Production-grade React components on top of Radix UI. Extend with one CLI command.

Dark Mode

Respects system preferences, toggleable at runtime. Branded tokens adapt across every component.

TypeScript

Strict mode enabled. Pages, components, and Strapi schemas are fully typed end to end.

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.

NPM Version NPM Downloads
View on GitHub

Strapi Blocks

Render Strapi's rich text blocks as Astro components. Headings, lists, images, links — all customizable.

NPM Version NPM Downloads
View on GitHub

Component Showcase

Switch between pure Tailwind and shadcn/ui to preview both implementations.

Pure Astro + Tailwind CSS — zero JavaScript, server-rendered

Buttons

Badges

Default Secondary Outline Destructive

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.

React + shadcn/ui — interactive, composable, accessible

Buttons

Badges

DefaultSecondaryOutlineDestructive

Card

React Component
Built with Radix UI primitives and Tailwind CSS

Fully accessible, composable, and interactive. Built-in keyboard navigation and ARIA attributes.

Rich Ecosystem
40+ components, CLI tooling, theming support

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