Overview
Astro landing-page is a project that provides a framework for building static websites with Astro. It offers an organized project structure with predefined folders and files. The project utilizes Astro’s capability to render .astro or .md files in the src/pages/ directory, each file representing a route. It also allows the usage of Astro/React/Vue/Svelte/Preact components by placing them in the src/components/ folder. The project includes commands for installation, development, building, previewing, and formatting the code.
Features
- Structured Project: Astro landing-page provides a predefined project structure with folders and files for easy organization.
- Dynamic Routing: Each .astro or .md file in the src/pages/ directory represents a route in the application.
- Component Integration: Astro landing-page allows the usage of Astro/React/Vue/Svelte/Preact components by placing them in the src/components/ folder.
- Static Asset Handling: Static assets such as images can be conveniently placed in the public/ directory.
Installation
To install Astro landing-page and set up the project, follow these steps:
- Clone the repository.
- Navigate to the root of the project in the terminal.
- Run the command
yarnto install the project dependencies. - After the installation is complete, run
yarn devto start the local development server at localhost:3000.
Summary
Astro landing-page is a project that provides a structured approach to building static websites using Astro. It offers features such as dynamic routing, component integration, and static asset handling. By following the installation guide, developers can quickly set up the project and start developing static landing pages with Astro.