Back to themes

Base Astro 🚀

Template base para comenzar cualquier landing page. Con Menú hamburguesa y backdround gradient.


Cost

Free


Created by
SofiDev

Vercel logo Deploy to Vercel

**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