Newsletter For Templates
Join the Community For Templates
Subscribe to Templates newsletter for the latest news and updates
Astro blog template is a personal blog template powered by Astro, offering dark mode, markdown support, SEO optimization, and RSS generation.
ACodeNav is a comprehensive programmer navigation platform offering curated resources, tools, and learning guides for software developers.
A minimal bento-like single-page portfolio website template built with Astro, offering sleek UI, SEO optimization, and blog support.
Astro-theme-vitesse is a minimal, SEO-friendly portfolio and blog theme for Astro, supporting Vue and UnoCSS, designed for performance and modern web standards.
npm init astro -- --template Charca/astro-blog-template
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
│ ├── robots.txt
│ └── favicon.ico
├── src/
│ ├── components/
│ │ └── Tour.astro
│ └── pages/
│ └── index.astro
└── package.json
Astro looks for .astro
or .md
files in the src/pages/
directory. Each page is exposed as a route based on its file name.
There's nothing special about src/components/
, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the public/
directory.
All commands are run from the root of the project, from a terminal:
Command | Action |
---|---|
npm install | Installs dependencies |
npm run dev | Starts local dev server at localhost:3030 |
npm run build | Build your production site to ./dist/ |
npm run preview | Preview your build locally, before deploying |