Los proyectos están en src/content/projects. Cada uno tiene su propia página con enlaces opcionales a demo y código.
Estructura
src/content/projects/
├── app-inventario/
│ └── index.md
└── dashboard-analytics/
└── index.mdxURLs generadas:
/projects/app-inventario/projects/dashboard-analytics
Metadatos
---
title: "App de inventario"
description: "Gestión de stock con panel en tiempo real."
date: "18 may 2026"
draft: false
demoURL: "https://demo.ejemplo.com"
repoURL: "https://github.com/tu-usuario/inventario"
---| Campo | Obligatorio | Tipo | Notas |
|---|---|---|---|
| title | Sí | string | Nombre del proyecto. |
| description | Sí | string | Resumen para listados y SEO. |
| date | Sí | string | Fecha de publicación o última actualización. |
| draft | No | boolean | Oculta el proyecto si es true. |
| demoURL | No | string | Enlace a la demo en vivo. |
| repoURL | No | string | Enlace al repositorio. |
Contenido del caso de estudio
Un buen proyecto en el portfolio suele incluir:
- Contexto — problema o necesidad del cliente/usuario.
- Solución — qué construiste y con qué stack.
- Mockups — capturas o wireframes (ver plantilla en
/projects/plantilla-caso-de-estudio). - Resultados — métricas, aprendizajes o próximos pasos.
Consulta el artículo Cómo presentar un proyecto para una guía completa con ejemplos de mockups.