Portfolio Astro

Este proyecto es un portafolio personal desarrollado con Astro y componentes Svelte, pensado para mostrar tus habilidades, experiencia, proyectos y enlaces a redes sociales, incluyendo la integración dinámica de vídeos recientes de YouTube.

🚀 Estructura del Proyecto

/
├── public/                  # Archivos estáticos (imágenes, iconos, etc.)
├── src/
│   ├── components/          # Componentes Astro y Svelte
│   ├── layouts/             # Layouts reutilizables
│   └── pages/               # Páginas principales del sitio
├── package.json
└── astro.config.mjs

🧑‍💻 Tecnologías

• Astro
• Svelte 5
• SCSS para estilos
• Integración con la API de YouTube

⚙️ Instalación y uso

1. Clona el repositorio:

   git clone https://github.com/tu-usuario/portfolio-astro.git
   cd portfolio-astro

2. Instala las dependencias:

   npm install

3. Configura las variables de entorno:

   Crea un archivo .env en la raíz del proyecto con el siguiente contenido:

   PUBLIC_API_KEY=tu_api_key_de_youtube
   PUBLIC_CHANNEL_ID=tu_channel_id
   

   Puedes obtener la API Key desde Google Cloud Console.

4. Inicia el servidor de desarrollo:

   npm run dev

   El sitio estará disponible en http://localhost:4321

📦 Comandos útiles

Comando	Acción
npm install	Instala las dependencias
npm run dev	Inicia el servidor de desarrollo
npm run build	Genera la versión de producción en /dist
npm run preview	Previsualiza la versión de producción

✨ Características

• Diseño responsive y moderno.
• Sección de habilidades, experiencia y proyectos.
• Integración con redes sociales (YouTube, LinkedIn, Behance, GitHub).
• Últimos vídeos de tu canal de YouTube cargados dinámicamente.
• Fácilmente personalizable.

📄 Licencia

Este proyecto está bajo la licencia MIT.

---

¿Dudas o sugerencias? ¡Contribuye o abre un issue!