Requirements
- Node.js 20+
- npm, pnpm, or yarn
Install
After purchasing or downloading a theme:
cd your-theme
npm install
npm run devOpen http://localhost:4321.
Project structure
| Path | Purpose |
|---|---|
src/components/ |
UI atoms and layout utilities |
src/blocks/ |
Full-width page units |
src/pages/ |
Compose blocks into routes |
src/config/site.ts |
Merged site config |
src/config/identity.ts |
Name, nav, footer, fonts |
src/config/blocks.ts |
Block default copy |
src/config/banner.ts |
Site-wide announcement bars |
src/config/integrations.ts |
SEO, forms, analytics |
src/styles/theme.css |
Brand tokens |
Next steps
- Edit
src/config/identity.tswith your name and nav - Update
src/styles/theme.cssbrand colors - Set production URL in
astro.config.mjssitefield - Read Site config and Customize
- Browse Components and Blocks