RetroConsolas — Spanish Retro Gaming Portal
Project Info
- Client Self-funded content site
- Year 2026 → present
- Category Headless Content / Gaming
- Stack Next.js 16 (App Router) + React 19 + TypeScript + Tailwind v4 frontend on port 3001; WordPress 6.9 (PHP 8.2 + MySQL 8) headless CMS exposing the REST API on 127.0.0.1:8080; sharp for image pipeline; on-demand revalidation via secret-signed hooks
Project Description
RetroConsolas is a Spanish-language content site about retro consoles, classic games, reviews, guides, and gamer nostalgia, served at retroconsolas.com. The UI leans into an 80s arcade aesthetic — pixel-font headings, scanline backdrops, neon CTAs ("INSERT COIN TO CONTINUE") — with content organized into consolas, juegos, reviews, guias, and a blog. Built as a headless project from day one so editing happens in a familiar WordPress UI while readers get a fast React frontend.
Architecture: a Next.js 16 App Router frontend (React 19, TypeScript strict, Tailwind v4) running under PM2 on port 3001, talking to a WordPress 6.9 install (PHP 8.2 + MySQL 8) over the REST API exposed on 127.0.0.1:8080/wp-json. The Next side wraps the WP fetch in a typed src/lib/wordpress.ts client and uses sharp for image optimization; route segments cover authors (/autor), search (/buscar), and per-type detail pages (/juegos/[slug] etc.).
The interesting parts: a clean separation of concerns — WordPress owns the editorial workflow (custom post types for consoles, games, reviews, guides) and Next.js owns presentation, SEO, and performance — wired together by on-demand revalidation that flips just the affected pages when an editor publishes. Spanish-first SEO with native sitemap and robots routes (/sitemap.xml, /robots.txt) generated by the App Router.
