RetroConsolas — іспаномовний портал про ретро-консолі

Про проєкт

  • Клієнт Власний контент-сайт
  • Рік 2026 → сьогодні
  • Категорія Headless Content / Gaming
  • Стек Next.js 16 (App Router) + React 19 + TypeScript + Tailwind v4 фронтенд на порту 3001; WordPress 6.9 (PHP 8.2 + MySQL 8) як headless CMS, REST API на 127.0.0.1:8080; sharp для пайплайну зображень; on-demand revalidation через підписані secret-хуки

Опис проєкту

RetroConsolas — іспаномовний контент-сайт про ретро-консолі, класичні ігри, огляди, гайди й геймерську ностальгію, доступний на retroconsolas.com. Інтерфейс грає на естетиці аркад 80-х — піксельні заголовки, scanline-фон, неонові CTA ("INSERT COIN TO CONTINUE") — контент розбито по розділах consolas, juegos, reviews, guias та blog. З першого дня зроблений як headless-проєкт: редагування йде у звичному UI WordPress, а читачам віддається швидкий React-фронтенд.

Архітектура: Next.js 16 App Router фронтенд (React 19, TypeScript strict, Tailwind v4) під PM2 на порту 3001, ходить у WordPress 6.9 (PHP 8.2 + MySQL 8) через REST API на 127.0.0.1:8080/wp-json. На стороні Next запити до WP обгорнуті у типізований клієнт src/lib/wordpress.ts; для оптимізації зображень — sharp; роути покривають авторів (/autor), пошук (/buscar) та сторінки детального перегляду за типом (/juegos/[slug] тощо).

Цікаві місця: чіткий розподіл відповідальності — WordPress володіє редакційним процесом (кастомні post types для консолей, ігор, оглядів, гайдів), Next.js володіє презентацією, SEO та продуктивністю — пов'язані on-demand revalidation, який скидає лише потрібні сторінки в момент публікації редактором. Іспаномовне SEO з нативним sitemap і robots роутами (/sitemap.xml, /robots.txt), згенерованими App Router-ом.

RetroConsolas — Spanish-language retro gaming portal
RetroConsolas — іспаномовний портал про ретро-консолі — Kirill Udruhov