Start here

Satūs

A starter, not a product. The steps below take you from a fresh clone to something you can ship. When you're ready, replace this page with your own.

01
Run it
Install dependencies, then start the dev server. It runs on localhost:3000.
```
bun install
bun dev
```
02
Make it yours
Point the site at your domain: copy .env.example to .env and set NEXT_PUBLIC_BASE_URL.
The site title and SEO live in app/layout.tsx. Fonts are in lib/styles/fonts, colors and theme tokens in lib/styles/colors.
Swap in your own favicon and app/opengraph-image.jpg.
```
cp .env.example .env
```
03
Shape the chrome
The header, footer, and page shell live in components/layout. The header and footer are already part of Wrapper, so you don't add them on each page.
Pages are laid out with one grid class: dr-layout-grid.
04
Browse components
Every component lives in Storybook, on its own, with controls and docs. The source sits in components/ui. When you add a component, add a story beside it.
```
bun storybook
```
05
Add a plugin
Integrations like Sanity, Shopify, HubSpot, and WebGL stay tucked away in lib/integrations. They do nothing until you set them up.
To turn one on, set its env vars and follow the in-folder notes marked // USAGE. Strip the ones you don't need with bun run setup:project, and bring one back any time with bun run satus add <plugin>— it pulls the integration's source from the satus repo as owned code, wires it up, and is safe to run twice.
06
Ship
Run the checks and build, then deploy.
```
bun run check
bun run build
```
Or skip the wait and deploy to Vercel in one click.

Done here? Replace app/page.tsx with your homepage and delete page.module.css. That's the only cleanup.

Run it