Volver a Proyectos
En desarrollo
Lab
Next.jsReactTypeScriptTailwind CSSVitest2026

Frontend Mentor (Next.js)

Colección de retos Frontend Mentor en Next.js: cada challenge vive en su carpeta (assets, rutas y estilos propios), el índice muestra dificultad y estado, y /start explica las dos webs vinculadas. Incluye enlace a preview, solución en FM y repo.

Ver DemoVer Código

Capturas del Proyecto

Frontend Mentor (Next.js) — vista previa

1 / 5

Qué aprendí

  • Layouts anidados por grupo de rutas para no mezclar shells entre retos
  • Aislar CSS y assets por challenge para que un reto no rompa otro
  • Tipar el índice con unions 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