Base Astro 🚀

**Astro Base:**

Astro Base is a clean template designed to kickstart any landing page project. It features a configurable gradient background and a responsive hamburger/dropdown menu 💜🚀.

You can use this template by running the following command:

npm create astro@latest -- --template SofiDevO/base-astro

Proposed Structure:

The template follows an atomic design approach, organizing components by their function and complexity.

```
📦src
 ┣ 📂components
 ┃ ┣ 📂atoms
 ┃ ┃ ┣ 📂HamburgerButton
 ┃ ┃ ┃ ┣ 📜HamburgerButton.jsx
 ┃ ┃ ┃ ┗ 📜hamburger-button.css
 ┃ ┃ ┗ 📂NavLinks
 ┃ ┃ ┃ ┣ 📜NavLinks.jsx
 ┃ ┃ ┃ ┗ 📜nav-links.css
 ┃ ┣ 📂organisms
 ┃ ┃ ┗ 📜Header.astro
 ┃ ┗ 📜BaseHead.astro
 ┣ 📂controllers
 ┃ ┗ 📜hamburger.js
 ┣ 📂data
 ┃ ┗ 📜navMenu.js
 ┣ 📂layouts
 ┃ ┗ 📜Layout.astro
 ┣ 📂pages
 ┃ ┗ 📜index.astro
 ┣ 📂styles
 ┃ ┗ 📜global.css
 ┣ 📜consts.ts
 ┗ 📜env.d.ts
```

---

SUPPORT ME on Ko-fi 💜

If this theme was useful for you, you can support my work by buying me a coffee 💜

https://ko-fi.com/sofidev](https://ko-fi.com/sofidev