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.