Portafolio Astro Moderno

Un sitio web de portafolio personal construido con Astro, Tailwind CSS y TypeScript, con optimización de rendimiento y SEO integrado.

15 de enero de 2024 • afrolino02 • Desarrollo Web
#astro#portfolio#frontend#seo#performance
Ver Repositorio Ver Demo

Galería

Vista principal del portafolio
Página de inicio con hero animado

📋 Descripción

Un sitio web de portafolio personal construido con Astro, Tailwind CSS y TypeScript, con optimización de rendimiento y SEO integrado.

Estado
completed
Dificultad
intermediate
Versión
2.0.0
Licencia
MIT
Última actualización
20 de febrero de 2024

🛠️ Stack Tecnológico

Astro
TypeScript
Tailwind CSS
Vercel
ESLint
Prettier
sass

✨ Características

⚡

Rendimiento óptimo

Puntuación perfecta en Lighthouse (100/100 en performance, SEO, accessibility)

📱

Diseño responsive

Totalmente adaptable a todos los dispositivos con Mobile-First approach

🔍

SEO integrado

Meta tags automáticos, sitemap.xml generado y Open Graph optimizado

🌙

Modo oscuro

Toggle entre modo claro y oscuro con persistencia en localStorage

📋 Descripción del Proyecto

Este proyecto es mi portafolio personal construido con Astro, aprovechando las ventajas de la generación de sitios estáticos y la optimización de rendimiento que ofrece este framework.

🎯 Objetivos Principales

  1. Alto rendimiento: Lograr las mejores métricas en herramientas de análisis web.
  2. Experiencia de usuario: Navegación fluida y diseño atractivo.
  3. Mantenibilidad: Código limpio y bien documentado.
  4. SEO: Posicionamiento óptimo en motores de búsqueda.

🛠️ Configuración Técnica

Estructura del Proyecto

src/
├── components/
│   ├── ui/
│   ├── layout/
│   └── sections/
├── content/
│   ├── projects/
│   └── blog/
├── layouts/
├── pages/
└── styles/