Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sofidevo/sofi-blog

Blog de Sofidev
https://github.com/sofidevo/sofi-blog

astro blog graphql headless-cms javascript sass-framework typescript wordpress

Last synced: about 1 month ago
JSON representation

Blog de Sofidev

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