Portafolio Web (Aram Zakzuk)
TypeScriptNext.jsReactTailwindCSS

Portafolio · Aram Zakzuk, MD
Sitio personal construido con Next.js 14 para presentar experiencia profesional, habilidades y proyectos de Aram Zakzuk. Incluye secciones orientadas a salud digital, inteligencia artificial clínica y recursos descargables como el CV actualizado.
Características principales
- Diseño moderno con animaciones AOS y Tailwind CSS responsivo.
- Páginas seccionadas para Sobre mí, Experiencia, Proyectos, Publicaciones, Recursos y Contacto.
- Datos centralizados en
lib/datapara actualizar educación, certificaciones, publicaciones y enlaces sociales. - Metadatos y SEO configurados en
app/layout.tsxylib/site.ts. - Descarga de CV hospedada en
public/cv.
Stack técnico
- Framework: Next.js 14
- Librerías: React 18, TypeScript, Tailwind CSS, AOS, Lucide Icons.
- Gestión de estilos: Tailwind con configuración en
tailwind.config.ts. - Node.js: >=18 y <22 (ver
.nvmrcopackage.json).
Requisitos
- Node.js 18, 19, 20 o 21 (versión recomendada: 20.x).
- Yarn 4 (Berry) o
corepackactivado (corepack enable).
Puesta en marcha
yarn install # instala dependencias
yarn dev # levanta el servidor de desarrollo en http://localhost:3000
Otros scripts disponibles
yarn build– genera la versión lista para producción.yarn start– sirve la build previa.yarn lint– ejecuta ESLint.yarn doctor– chequeos rápidos de entorno (script custom enscripts/doctor.mjs).
Estructura relevante
app/
page.tsx Página principal (landing)
sobre-mi/ Sección "Sobre mí"
proyectos/, publicaciones/, experiencia/, etc.
contacto/ Formulario y enlaces de contacto
components/ UI reutilizable y navegación
lib/
data/ Fuentes de datos (educación, publicaciones, etc.)
site.ts Configuración global del sitio
public/
images/ Imágenes del portafolio (foto de perfil, proyectos)
cv/ Documentos descargables
Personalización rápida
- Datos personales y enlaces:
lib/site.tsylib/data/*. - Imagen de perfil:
public/images/profile.png(usado enapp/sobre-mi/page.tsx). - LinkedIn, GitHub y CTA: presentes en
components/Navbar.tsx,app/layout.tsx,app/contacto/page.tsx. - CV: reemplazar
public/cv/CV_Aram_Zakzuk.pdf
Despliegue
El proyecto está optimizado para Vercel, aunque puede desplegarse en cualquier plataforma que soporte Next.js. Pasos sugeridos:
- Ejecutar
yarn buildy verificar que la build termine sin errores. - Subir la carpeta
.nextgenerada o conectar el repositorio a la plataforma deseada. - Configurar variables de entorno si fueran necesarias (actualmente no se requieren).
Para mantener la documentación alineada con el sitio, actualiza este README cuando se agreguen nuevas secciones, scripts o dependencias relevantes.