Volver a Proyectos
En desarrollo
Demo
Next.jsReactTypeScriptTailwind CSSMapLibre GLreact-markdownZustandThree.js2026WEB Prosperity
Sitio de lectura e interacción con 25 apartados en siete bloques (publicado / en preparación / próximamente). Cada tema tiene hub TSX, sidebar y notas Markdown; las rutas /[tema] eligen entre página TSX y .md. Incluye búsqueda por tema, mapa en Estadísticas mundiales (MapLibre GL), tema claro/oscuro persistente y export estático para Vercel o GitHub Pages.
Capturas del Proyecto
1 / 6
Qué aprendí
- Montar un archivo largo con hubs TSX + notas Markdown en la misma ruta dinámica
- Publicar con output: export sin depender de un servidor Node en producción
- Meter MapLibre en un sitio de documentación sin romper el layout editorial
- Dar a cada apartado su propia paleta CSS sin que los 25 temas se vean iguales
Detalles Técnicos
- •Next.js 15 (App Router), React 19, TypeScript
- •Tailwind CSS 4, next-themes, Lucide
- •gray-matter, react-markdown, remark-gfm
- •MapLibre GL, d3-geo; Three.js / R3F en hubs 3D
- •Export estático (carpeta out/)