Este proyecto es un reto de la web Frontend Practice que consiste en crear un clon de la página web de Stark.
-
Astro: He utilizado Astro como el framework principal del proyecto, creando la gran mayoría de componentes. Astro es un framework que no carga JavaScript por defecto en el cliente, es SSR (Server Side Rendering), y eso provoca que la carga de la web sea prácticamente instantánea.
-
React: He utilizado React para todos los componentes que sean interactivos con el usuario, es decir, todos aquellos componentes que disparen un evento.
-
CSS Modules: He usado CSS Modules para darle estilos a los componentes de React.
Esta es la estructura que he utilizado en este proyecto
/
├── public/
│ ├── assets/
│ │ └── image.png
│ └── fonts/
│ └── font.otf
│
├── src/
│ ├── components/
│ │ └── Component.astro
│ │ └── Component/
│ │ └── index.jsx
│ │ └── Component.module.css
│ ├── hooks/
│ │ └── useHook.js
│ ├── layouts/
│ │ └── Layout.astro
│ ├── lib/
│ │ └── getData.js
│ └── pages/
│ └── index.astro
└── package.json