Set up in minutes.
Not hours.
Learn how to get started with your Astro theme.
Note
Our comprehensive documentation is currently under active development. For now, please refer to the README file included with your theme for specific setup instructions and configuration details.
Installation
To get started with your theme, follow these steps:
cd your-theme
pnpm install
pnpm run devProject structure
Your theme follows the standard Astro project structure:
├── src/
│ ├── components/
│ ├── layouts/
│ ├── pages/
│ ├── styles/
│ │ └── global.css # Tailwind v4 configuration
│ └── consts.ts # Theme configuration
├── public/
├── astro.config.mjs
└── package.jsonConfiguration
Your theme can be customized through two main files:
Theme options
The src/consts.ts file contains theme-specific options that you can customize:
// src/consts.ts
export const SITE_TITLE = "Your Site Title"
export const SITE_DESCRIPTION = "Your site description"
// ... other theme optionsStyling
Styling is handled through Tailwind CSS v4, which can be configured in src/styles/global.css.
Skip the setup.
Start shipping.
Browse themesLive preview before you buyOne-time purchaseFree lifetime updatesUpdated for Astro 7