Astro 4 TEMPLATE
This is an Astro 4 template designed for quickly creating landing pages. It provides a basic project structure with pre-built components and configurations to streamline development.
Key features:
- Astro 4 Ready: Utilizes the latest features of Astro 4 for optimal performance and developer experience.
- Tailwind CSS: Integrated with Tailwind CSS for rapid and customizable styling.
- Component-Based: Includes reusable components such as Hero, Faq, Footer and Pricing sections.
- Optimized Structure: Well-organized directory structure for easy navigation and maintenance.
Project Structure
The project contains the following folders and files:
/
āāā public/
ā āāā ... images
āāā src/
ā āāā components/
ā ā āāā Faq.astro
ā ā āāā Footer.astro
ā ā āāā Hero.astro
ā ā āāā Pricing.astro
ā āāā layouts/
ā ā āāā Layout.astro
ā āāā pages/
ā āāā index.astro
āāā package.json
Commands
All commands are run from the root of the project:
Command | Action |
---|---|
npm install | Installs dependencies |
npm run dev | Starts local dev server at localhost:4321 |
npm run build | Builds production site to ./dist/ |
npm run preview | Preview build locally before deploying |
npm run astro ... | Run CLI commands like astro add , astro check |
npm run astro -- --help | Get help using the Astro CLI |