Skip to content
/ base-astro Public template

astro base template to start a new project. With header responsive with dropdown menu and background gradient

Notifications You must be signed in to change notification settings

SofiDevO/base-astro

Repository files navigation

Base-astro

Base astro is a clean template to start a new landing page project, that includes a gradient background and responsive hamburger/dropdown menu 💜🚀

Use this template by running this command:

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

Propuesta

Atomic design

📦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

About

astro base template to start a new project. With header responsive with dropdown menu and background gradient

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published