k
89e1683eee
- **Added component-specific styles**: Introduced scoped CSS files for `Hero`, `Header`, `Drinks`, `Footer`, and `Welcome` components. - **Expanded functionality**: Added `Drinks` section with a new layout and stylized elements. - **Assets fix**: Replaced asset links with correct paths, ensuring consistency for images and files (e.g., `Welcome.png`, `Menu.pdf`). - **Reorganized header and footer**: Modernized `Header` layout with a fixed navbar, added utility spacer, and redesigned footer to include additional details. - **Integrated Docker and CI/CD**: Added `Dockerfile`, `fly.toml`, and `.woodpecker.yml` for multi-environment deployment. - **Improved homepage**: Incorporated `Drinks` component and updated styles for cohesive design. - **CSS cleanup**: Removed redundant global styles from `index.css` and migrated them to appropriate scoped styles. Complete revamp to provide modular and deployable updates for long-term scalability.
Astro Starter Kit: Minimal
npm create astro@latest -- --template minimal
🧑🚀 Seasoned astronaut? Delete this file. Have fun!
🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
├── src/
│ └── pages/
│ └── index.astro
└── 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.
🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your 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 |
👀 Want to learn more?
Feel free to check our documentation or jump into our Discord server.