Skip to content
Log InContact
Sign Up
← Back to Templates

Welcome to Astro

The official 'Getting Started' template for Astro.

Deploy
View Demo
RepositoryAvatar of withastrowithastro/astro
Framework
Astro
Use Case
Starter
CSS
CSS
Welcome to Astro

Astro Starter Kit: Basics

npm create astro@latest -- --template basics

🧑‍🚀 Seasoned astronaut? Delete this file. Have fun!

🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
│   └── favicon.svg
├── src
│   ├── assets
│   │   └── astro.svg
│   ├── components
│   │   └── Welcome.astro
│   ├── layouts
│   │   └── Layout.astro
│   └── pages
│       └── index.astro
└── package.json

To learn more about the folder structure of an Astro project, refer to our guide on project structure.

🧞 Commands

All commands are run from the root of the project, from a terminal:

CommandAction
npm installInstalls dependencies
npm run devStarts local dev server at localhost:4321
npm run buildBuild your production site to ./dist/
npm run previewPreview your build locally, before deploying
npm run astro ...Run CLI commands like astro add, astro check
npm run astro -- --helpGet help using the Astro CLI

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.

← Back to Templates
Welcome to Astro

Welcome to Astro

The official 'Getting Started' template for Astro.

Deploy
View Demo
RepositoryAvatar of withastrowithastro/astro
Framework
Astro
Use Case
Starter
CSS
CSS

Astro Starter Kit: Basics

npm create astro@latest -- --template basics

🧑‍🚀 Seasoned astronaut? Delete this file. Have fun!

🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
│   └── favicon.svg
├── src
│   ├── assets
│   │   └── astro.svg
│   ├── components
│   │   └── Welcome.astro
│   ├── layouts
│   │   └── Layout.astro
│   └── pages
│       └── index.astro
└── package.json

To learn more about the folder structure of an Astro project, refer to our guide on project structure.

🧞 Commands

All commands are run from the root of the project, from a terminal:

CommandAction
npm installInstalls dependencies
npm run devStarts local dev server at localhost:4321
npm run buildBuild your production site to ./dist/
npm run previewPreview your build locally, before deploying
npm run astro ...Run CLI commands like astro add, astro check
npm run astro -- --helpGet help using the Astro CLI

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.

Related Templates

Astro Boilerplate

Astro Boilerplate

An Astro site, using the basics starter kit.

by ▲ Vercel

Astroship

Astroship

Starter template for startups, marketing websites & blogs built with Astro and TailwindCSS.

by Surjith

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential

Try Vercel Free