Que es
Un template open-source listo para forkear y personalizar. Incluye todo lo necesario para lanzar un portfolio tecnico profesional:
- Next.js 16 con App Router, React 19, TypeScript strict, Tailwind v4, shadcn/ui
- Sistema dual de temas: Editorial (serif, warm orange) + Terminal (monospace, green)
- Contenido MDX para proyectos y TILs (sin CMS, sin base de datos)
- Python CLI tools para crear TILs, scaffolding de repos, posts sociales, security scanning
- Claude Code workflow con CLAUDE.md, commands, y security checks integrados
Personalizacion en 1 archivo
Todo el contenido personal esta centralizado en site/lib/config.ts:
export const siteConfig = {
name: "Tu Nombre",
title: "Tu Nombre - Developer Portfolio",
url: "https://tu-dominio.dev",
github: "https://github.com/tu-usuario",
email: "[email protected]",
domain: "tu-dominio.dev",
// hero, stats, OG text...
};
Header, footer, OG images, sitemap, contacto -- todo importa de siteConfig.
Features
| Feature | Detalle |
|---|---|
| Temas | Editorial + Terminal, cada uno con light/dark |
| SEO | OG images dinamicas, sitemap, robots.txt |
| Performance | Lighthouse 98-100 across all pages |
| Security | sanitize_check.py pre-publication scanner |
| Content | MDX con gray-matter, SSG automatico |
| Deploy | Zero-config en Vercel |
| Claude Code | CLAUDE.md + 2 slash commands |
Quick Start
git clone https://github.com/abelardodiaz/portfolio-organico-template.git
cd portfolio-organico-template/site
# Editar lib/config.ts con tus datos
pnpm install && pnpm dev