He creado mi portfolio con Astro + Tailwind CSS para practicar mis habilidades con un framework y un preprocesador de CSS. Link a mi Portfolio
- ✅ Integración con Tailwind CSS (@astrojs/tailwind).
- ✅ Soporta modo oscuro.
- ✅ Optimización de imágenes (@astrojs/images).
- ✅ Generación del sitemap del los proyectos basado en las rutas (@astrojs/sitemap).
- ✅ Optimización de fuentes en tiempo de la built (subfont).
- ✅ Accesibilidad y rendimiento, puntuación en Lighthouse y en PageSpeed Insights
/
├── public/
│ ├── robots.txt
│ └── favicon.ico
├── src/
│ ├── assets/
│ │ ├── images/
| | └── styles/
| | └── base.css
│ ├── data/
| | └── posts/
| | ├── post-slug-1.md
| | └── ...
│ ├── components/
│ │ ├── core/
| | ├── icons/
| | └── widgets/
| | ├── Header.astro
| | ├── Footer.astro
| | └── ...
│ ├── layouts/
│ | |── BaseLayout.astro
│ | └── ...
│ ├── pages/
│ | ├── proyectos/
| | | ├── [...page].astro
| | | └── [slug].astro
│ | ├── index.astro
| | └── 404.astro
│ ├── utils/
│ └── config.mjs
├── package.json
└── ...
Todos los comandos se ejecutan desde la raíz del proyecto, desde la terminal:
| Comandos | Acción |
|---|---|
npm install |
Instala las dependencias |
npm run dev |
Inicia el local dev server localhost:3000 |
npm run build |
Hace la built de producción ./dist/ |
npm run preview |
Preview de la build en local |
Se agradecen comentarios, sugerencias o cualquier cosa para mejorar -> hola@danik.dev