Skip to main content

How It Works Block

Show the process in numbered steps. Reduces friction by making the journey clear.

Horizontal

Steps in a row connected visually. Best for 3-4 simple steps.

Get Started in 4 Steps

From zero to deployed in minutes.

01

Clone

Clone the LaunchKit monorepo to get the full platform.

02

Configure

Update theme colors and branding in the config file.

03

Content

Seed content or build pages in the admin panel.

04

Deploy

One command deploys to Cloudflare edge.

Vertical Timeline

Steps listed vertically with a connecting line. Best for detailed explanations.

The Development Process

A detailed look at each step.

01

Clone the Repository

Start with the LaunchKit monorepo. pnpm workspace with Payload CMS backend and Astro frontend — everything configured and ready.

02

Configure Your Theme

Update theme.config.ts with brand colors and fonts. The design system cascades to all blocks automatically.

03

Add Your Content

Use the seed system for quick setup, or build pages block by block in the admin panel. Live preview shows changes instantly.

Deploy to Production

Backend deploys to Cloudflare Workers. Frontend auto-builds on Cloudflare Pages. Your site is live on a global CDN.

Explore More Blocks

Return to the block gallery to see all 14 block types and their variants.