My Astro Starter

This is basically a copy of the Astroship template for 🚀 Astro, with a few minor modifications:

• Use the Experimental Astro Assets features instead of the @astrojs/image component.
• Add basic Picture component for art direction.
• eslint configuration.
• prettier.
• Husky pre-commit to validate application.
• VSCode extensions configuration.
• Favicon configuration ... just plug in your image.

If you like this template, please consider purchasing a license from web3templates (no affiliation).

Getting Started

Create New Astro App Using Template

pnpm create astro@latest \
  --template tylergannon/basic-astro-template \
  --install \
  --git \
  --skip-houston \
  --typescript strictest \
  my-app

Basic Stuff

• Replace favicon and correct the url in Layout / head tag.
• Open appConfig.ts and set up data for your application.

🚀 Project Structure

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

/
├── public/
├── src/
│   └── pages/
│       └── index.astro
└── package.json

🧞 Commands

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

Command	Action
pnpm install	Installs dependencies
pnpm dev	Starts local dev server at localhost:3000
pnpm lint	Runs prettier and eslint to verify application.
pnpm format	Runs prettier to reformat files.
pnpm check	Runs astro check to validate application.
pnpm build	Build your production site to ./dist/
pnpm preview	Preview your build locally, before deploying
pnpm astro ...	Run CLI commands like astro add, astro check
pnpm astro -- --help	Get help using the Astro CLI

👀 Want to learn more?

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