EN
getting-started

Quick start

Bootstrap a new astro-ignite site in under a minute.

Last updated

Prerequisites

  • Node 22.12 LTS or later (required by @astrojs/node@^10 in the starter template)
  • A package manager — pnpm (recommended), npm, yarn, or bun
  1. Scaffold a new site

    Run the create command with your package manager of choice:

    npm
    npm create astro-ignite@latest my-site
    pnpm
    pnpm create astro-ignite my-site
    yarn
    yarn create astro-ignite my-site
    bun
    bun create astro-ignite my-site

    You’ll be asked six questions. Pick or accept defaults; the whole flow takes around fifteen seconds.

  2. Run it
    terminalbash
    cd my-site
    pnpm install
    pnpm dev

    Open 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.

  3. Make it yours

    Edit these first; grow into the rest over time:

    1. Brand colors + tokens in src/styles/global.css (@theme block)
    2. Site identity in src/config/site.ts — name, URL, organization, social
    3. OG image at public/og/og-default.png (placeholder ships)
    4. Legal pages in src/content/legal/{locale}/*.mdx — placeholders need filling, then review with counsel before publishing
    5. Author bio in src/content/authors/jordi.json

Next, see Writing content for the components you can drop into any MDX page.