🚀 🚀 Jairo Gael | Portfolio Profesional

Bienvenido al repositorio de mi portafolio personal y blog. Esta es una aplicación web moderna construida con Next.js 15+, React 19 y Tailwind CSS, diseñada para mostrar mis proyectos, habilidades y compartir conocimiento a través de un blog integrado.

🚀 🛠️ Tecnologías Utilizadas

• Core: Next.js (App Router), React, TypeScript.
• Estilos: Tailwind CSS, Framer Motion (Animaciones), Lucide React (Iconos).
• Contenido: MDX para blog posts y proyectos, gray-matter para gestión de frontmatter.
• Servicios: Resend para el formulario de contacto.
• Despliegue: Vercel.

🚀 📁 Estructura del Proyecto

El proyecto sigue una estructura profesional y organizada:

• app/: Rutas, layouts y páginas de la aplicación.
• components/:
  • layout/: Navbar y Footer globales.
  • sections/: Secciones de la página de inicio (Hero, Stats, TechStack, etc.).
  • forms/: Componentes de formularios (Contacto).
  • blog/: Componentes específicos para el renderizado de MDX.
  • theme/: Gestión del modo oscuro.
  • shared/: Componentes transversales reutilizables.
• content/: Archivos MDX para los posts del blog.
• lib/: Utilidades, helpers y lógica de procesamiento de MDX.
• public/: Assets estáticos.

🚀 🛡️ Seguridad y Configuración

El proyecto utiliza variables de entorno para proteger información sensible. Nunca compartas tu archivo .env.local ni lo subas a un repositorio público.

🚀 Variables de Entorno Requeridas

Copia el archivo .env.example a .env.local y configura las siguientes llaves:

RESEND_API_KEY=tu_api_key_de_resend

Important

Si alguna vez has expuesto accidentalmente una API Key en un commit público, debes rotarla inmediatamente en el panel de control del servicio correspondiente y purgar el historial de Git si es necesario.

🚀 🚀 Instalación y Desarrollo

1. Clonar el repositorio:

   git clone https://github.com/gaxl-1/portfolio.git
   cd portfolio

2. Instalar dependencias:

   npm install

3. Configurar el entorno:

   cp .env.example .env.local
   # 🚀 Edita .env.local con tus llaves

4. Ejecutar en modo desarrollo:

   npm run dev

5. Construir para producción:

   npm run build

🚀 📄 Licencia

Este proyecto NO es de código abierto (Open Source). Todos los derechos están reservados (All Rights Reserved).

Por favor consulta el archivo LICENSE antes de proseguir. NO se permite copiar, modificar, recrear, ni distribuir el código fuente, la identidad visual o diseño de este portafolio para tus propios fines sin autorización previa y por escrito.

---

Hecho con ❤️ por Jairo Gael

---

Last maintained: March 2026