§ 03 / Scaffolding

What you can choose during scaffolding

Every category the installer steps through. The exact set depends on the parts you pick; the descriptions are the same text you’ll see in your terminal.

Project location

Where to scaffold

Parts

Frontend, backend, or both

• Astro.build Frontend

  Astro is an all-in-one web framework. It includes everything you need to create a website, built-in. There are also hundreds of different integrations and API hooks available to customize a project to your exact use case and needs.

• Nitro.build Backend

  Nitro gives you a production-ready server with filesystem routing, code-splitting, and built-in support for storage, caching, and databases — all runtime-agnostic and deployable anywhere.

CSS framework

Tailwind CSS, Bootstrap, shadcn/ui, Ant Design

• Tailwind CSS

  A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

• Bootstrap

  Bootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.

• shadcn/ui

  A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.

• Ant Design

  AI friendly design system that combines beauty and intelligence, making work full of inspiration and joy.

Processors

Sass/SCSS, PostCSS, or neither

• PostCSS

  A tool for transforming CSS with JavaScript

• Sass/SCSS

  Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax.

UI components

Bring your own components from React, Vue, Svelte, or none

• React components

  This Astro integration enables rendering and client-side hydration for your React components.

• Vue 3 components

  This Astro integration enables rendering and client-side hydration for your Vue 3 components.

• Svelte 5 components

  This Astro integration enables rendering and client-side hydration for your Svelte 5 components.

Development tools

Prettier, Autoprefixer, Stylelint, Biome

• Stylelint

  A mighty CSS linter that helps you avoid errors and enforce conventions.

• Prettier

  Prettier gets rid of all original styling and guarantees consistency by parsing JavaScript into an AST and pretty-printing the AST.

• Autoprefixer

  A popular PostCSS plugin that automatically adds and removes vendor prefixes using up-to-date compatibility data.

• Biome

  An opinionated formatter. Code formatted by Biome will always look the same, no matter the project or setup.

Deploy preset

Vercel, Firebase, Cloudflare, Zephyr, manual

• Vercel

  Vercel has first-class support for a wide range of frameworks. Build and deploy without upfront configuration.

• Firebase

  Firebase App Hosting streamlines development and deployment of dynamic web apps, with GitHub integration and other Firebase products.

• Cloudflare Workers

  A serverless platform for building, deploying, and scaling apps across Cloudflare's global network with a single command.

• Zephyr Cloud

  Zephyr acts as a deployment control plane on top of either Zephyr-managed infrastructure or your own cloud integrations.

Basic features

Feed, SEO, search, accounts, media, forms

• RSS Feed

  /rss.xml from your content

• SEO

  Open Graph, JSON-LD, robots.txt

• Search

  Pagefind, built with the site

• Accounts

  sessions and passwords

• Media

  uploads with a usage record

• Forms

  validate and send mail

Database

None, SQLite or PostgreSQL

• SQLite

  For smaller databases.

• PostgreSQL

  For less-small databases.

Sitemap and site URL

Generated, if you want them

A full walkthrough starts at Quick start.