Volver a Proyectos
En desarrolloNext.jsReactTypeScriptTailwind CSSVitest2026

Frontend Mentor (Next.js)

Aplicación Next.js 16 con React 19 para retos de Frontend Mentor: estructura por challenge (assets, rutas y estilos aislados), índice de dificultades y estados, y convenciones documentadas en el repositorio. Reglas de lint/formato.

Ver DemoVer Código

Capturas del Proyecto

Frontend Mentor (Next.js) — vista previa

1 / 5

Qué aprendí

  • App Router y layouts anidados por grupo de rutas
  • Aislar retos en carpetas para no mezclar estilos ni recursos
  • Datos del índice tipados (tipos union y constantes compartidas)

Información extra

  • Cada reto incluye vista previa, solución en Frontend Mentor y código en GitHub.
  • Cada reto tiene badge de dificultad y de estado; incluye descripción y etiquetas.
  • En cada reto hay un elemento visible solo con teclado (Tab/Mayús+Tab) para volver al inicio.
  • En /start se muestran las dos webs vinculadas a Frontend Mentor y qué diferencia a cada una.

Detalles Técnicos

  • •Next.js 16 (App Router), React 19, TypeScript 5
  • •Tailwind CSS 4
  • •ESLint, Prettier, Vitest