yarn create astro --template jungley8/astro-landing-page
Inside of your Astro project, you'll see the following folders and files:
/
โโโ public
โ โโโ favicon.svg
โโโ src
โ โโโ components
โ โ โโโ BlogPostCard.tsx
โ โ โโโ CTA.tsx
โ โ โโโ Card.astro
โ โ โโโ Data.tsx
โ โ โโโ Feature.tsx
โ โ โโโ Newsletter.tsx
โ โ โโโ Price.tsx
โ โ โโโ Signin.tsx
โ โ โโโ Stats.tsx
โ โโโ env.d.ts
โ โโโ layouts
โ โ โโโ Footer.tsx
โ โ โโโ Header.tsx
โ โ โโโ Layout.astro
โ โโโ pages
โ โโโ 404.astro
โ โโโ blog
โ โ โโโ [id].astro
โ โ โโโ index.astro
โ โโโ contact.astro
โ โโโ index.astro
โ โโโ price.astro
โ โโโ signin.astro
โโโ tailwind.config.cjs
โโโ 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 |
---|---|
yarn |
Installs dependencies |
yarn dev |
Starts local dev server at localhost:3000 |
yarn build |
Build your production site to ./dist/ |
yarn preview |
Preview your build locally, before deploying |
yarn astro ... |
Run CLI commands like astro add , astro check |
yarn astro --help |
Get help using the Astro CLI |
yarn prettier |
Formate and beautify your code |
Feel free to check our documentation or jump into our Discord server.
Host your own live version of Astro-landing-page with Vercel.