Base astro is a clean template to start a new landing page project, that includes a gradient background and responsive hamburger/dropdown menu 💜🚀
npm create astro@latest -- --template SofiDevO/base-astro
Propuesta
📦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