Quick start
Bootstrap a new astro-ignite site in under a minute.
Prerequisites
- Node 22.12 LTS or later (required by
@astrojs/node@^10in the starter template) - A package manager — pnpm (recommended), npm, yarn, or bun
- Scaffold a new site
Run the create command with your package manager of choice:
npmnpm create astro-ignite@latest my-sitepnpmpnpm create astro-ignite my-siteyarnyarn create astro-ignite my-sitebunbun create astro-ignite my-siteYou’ll be asked six questions. Pick or accept defaults; the whole flow takes around fifteen seconds.
- Run itterminalbash
cd my-site pnpm install pnpm devOpen the URL printed in your terminal. You should see a working site with a styled hero, a blog with two example posts, a projects showcase, an about page, a working contact form (logs to console in dev), legal pages, a cookie banner, and a dark-mode toggle.
- Make it yours
Edit these first; grow into the rest over time:
- Brand colors + tokens in
src/styles/global.css(@themeblock) - Site identity in
src/config/site.ts— name, URL, organization, social - OG image at
public/og/og-default.png(placeholder ships) - Legal pages in
src/content/legal/{locale}/*.mdx— placeholders need filling, then review with counsel before publishing - Author bio in
src/content/authors/jordi.json
- Brand colors + tokens in
Next, see Writing content for the components you can drop into any MDX page.