This template is powered by a modern, headless stack: Astro, Storyblok, Netlify, and PostHog. Together, they provide a flexible, scalable solution with intuitive content management and powerful marketing features like A/B testing.
Demo
Tech Stack
- Astro
- Storyblok
- Netlify
- PostHog
- Tailwind v4
Features
- ✅ Modular Content Model – Hero, features, stats, testimonials, and more
- ✅ Financial Reports – Built-in report content type + report list page
- ✅ Multilingual by Default – Easy language switching with optional AI translation
- ✅ Visual Editing – Storyblok’s live preview & block-based approach
- ✅ SEO Ready – Metadata fields on every page
- ✅ Optimized Performance – Static output, responsive images, Core Web Vitals ready
- ✅ A/B Testing – Integrated with PostHog for experiments
Quick Start
- Create a Storyblok account
- Fork the GitHub repo
- Clone Storyblok space
- Create your project on Netlify
- Set up environment variables (see below)
- Deploy!
Local Setup
Prerequisites
- Node.js
- Bun
Getting Started
# Install dependencies bun install # Set up environment variables cp .env.example .env
Environment Variables
STORYBLOK_TOKEN= # Storyblok API token STORYBLOK_IS_PREVIEW= # "yes" for preview mode STORYBLOK_DEFAULT_LANG= # Default site language code, like en or es POSTHOG_TOKEN= # PostHog API key
Available Scripts
# Run development server bun dev # Build for production bun run build # Preview production build bun run preview
Contributing
Contributions are welcome!
