Lo que vas a construir
Tu sitio web portfolio personal con Next.js y Tailwind CSS. Tendra una seccion "Sobre mi", galeria de proyectos con cards interactivas, lista de tecnologias que dominas, formulario de contacto, y toggle de modo oscuro. Al terminar tendras un sitio profesional listo para mostrar a reclutadores o clientes, que puedes publicar en Vercel con un click.
Secciones esenciales
- Sobre mí - Quién eres, qué haces
- Proyectos - Tu mejor trabajo
- Skills - Tecnologías que dominas
- Contacto - Cómo contactarte
Paso 1: Pídele a una IA el diseño
Necesito un portfolio personal con:
- Header con navegación sticky
- Hero con mi nombre y rol
- Sección de proyectos con cards (imagen, título, link)
- Skills con iconos de tecnologías
- Formulario de contacto
- Modo oscuro toggle
- Next.js + Tailwind CSS
- Animaciones sutiles
Dame los comandos y código.
Paso 2: Sigue las instrucciones
La IA te dará:
npx create-next-app@latest portfolio --typescript --tailwind
cd portfolio
npm run dev
Y el código para los componentes.
Qué incluir en proyectos
Para cada proyecto:
- Screenshot o gif
- Título claro
- Descripción breve (1-2 líneas)
- Tecnologías usadas
- Links: Demo + GitHub
Tips
| Tip | Por qué |
|---|---|
| Menos es más | 3-5 proyectos buenos > 10 mediocres |
| Actualízalo | Proyectos recientes primero |
| Hazlo tuyo | Personalidad en el diseño |
| Optimiza | Carga rápida = buena impresión |
Próximo paso
→ Blog Estático — Comparte tu conocimiento