https://github.com/sofidevo/base-astro

astro base template to start a new project. With header responsive with dropdown menu and background gradient
https://github.com/sofidevo/base-astro

astro javascript react template template-project template-repository theme

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sofidevo/base-astro
• Owner: SofiDevO
• Created: 2024-07-10T15:57:20.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-12-09T04:16:35.000Z (about 2 months ago)
• Last Synced: 2024-12-09T05:21:04.164Z (about 2 months ago)
• Topics: astro, javascript, react, template, template-project, template-repository, theme
• Language: CSS
• Homepage: https://base-astro-psi.vercel.app
• Size: 391 KB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](./public/img/atomic-design.webp)

```

📦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

 ```