Back to Projects
In development
Demo
Next.jsReactTypeScriptTailwind CSSMapLibre GLreact-markdownZustandThree.js2026

WEB Prosperity

A reading-and-tools site with 25 sections in seven blocks (published / in progress / coming soon). Each topic has a TSX hub, its own sidebar, and Markdown notes; /[topic] routes resolve TSX vs .md. Includes per-topic search, a World statistics MapLibre map, persistent light/dark theme, and static export for Vercel or GitHub Pages.

View DemoView Code

Project Screenshots

WEB Prosperity — vista previa

1 / 6

What I learned

  • Ship a long archive with TSX hubs + Markdown notes on the same dynamic route
  • Deploy with output: export without needing a Node server in production
  • Embed MapLibre in a documentation-style layout without breaking the editorial grid
  • Give each section its own CSS palette so 25 topics do not look identical

Technical Details

  • •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 on 3D hubs
  • •Static export (out/ folder)