Financial Starter: Multilingual Website Template

A high-performance website starter template built for financial teams to launch new brands, products, or campaigns quickly and efficiently.

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

• ✨ Live Demo
• 💨 PageSpeed Insights Report
• 🍿 Watch Demo on YouTube
• 🆎 A/B testing with PostHog
  • Check out its branch

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

1. Create a Storyblok account and a new Space
2. Clone Storyblok Space (using the button below)
3. Fork this repo
4. Create your project on Netlify
5. Set up environment variables (see below)
6. 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 (Project Settings > Access token)
STORYBLOK_IS_PREVIEW=   # "yes" for preview mode
STORYBLOK_ENVIRONMENT=  # set to development on your local machine
STORYBLOK_DEFAULT_LANG= # Default site language code, like en or es
PUBLIC_POSTHOG_TOKEN=   # PostHog API key (Project Settings > Project ID)

Available Scripts

# Run development server
bun dev

# Build for production
bun run build

# Preview production build
bun run preview

Contributing

Contributions are welcome!

📸 Screenshots