Learn Next.js in 7 days

Routing, data fetching, and deploying a modern web app.

  • Plan diario, 45-60 min al día
  • 6 lecciones + 18 ejercicios
  • Tutor de IA incluido
duración7-day sprint
Temas6 en total
Ejercicios18 en total
nivelPrincipiante
  • No se requiere experiencia previa en programación
  • Tareas prácticas todos los días
  • Construye un proyecto de portafolio impresionante

Lo que aprenderás

Un plan Principiante diseñado por mentores con subtemas estructurados, cuestionarios y tareas prácticas.

01Fundamentos

Next.js setup and file routing

Create a project and learn file-based routes.

02Fundamentos

Layouts, pages, and components

Compose layouts, pages, and shared UI pieces.

03Núcleo

Server data and caching

Fetch data on the server and control caching.

04Núcleo

API routes and middleware

Build route handlers and add middleware logic.

05Núcleo

SEO, metadata, and images

Configure metadata, Open Graph, and image optimization.

06Desafío

Deploy a Next.js app

Prepare a build and deploy to production.

See the quiz + practice flow

Three answered questions and a filled code task so you know exactly what to expect.

Quiz preview

2/3 correct

1. How long is the Next.js plan?

Correct
7-day sprint
5-day sprint
10-day sprint
14-day sprint

2. What level is this Next.js plan?

Incorrect
Principiante
Intermedio
Avanzado
Expert

3. Which of these appears in the Next.js outline?

Correct
Next.js setup and file routing
Next.js workflow playbook
Next.js best-practice checklist
Next.js case study

Code practice preview

Submitted

Format a lesson title

Build a helper that formats a lesson label with a padded index and title.

Amado por aprendices de por vida

Mira cómo estudiantes, profesionales y mentes visionarias están potenciando su mente con Kavka.

This plan got me from Next.js-curious to shipping a real project. The structure is excellent.

Lucas D.indie developer

Las tareas prácticas se sintieron como trabajo real, así que las lecciones realmente se quedaron.

Miguel TorresIngeniero Backend

Treinta minutos al día y volví a entregar proyectos. La estructura me mantiene constante.

Emily ChenDiseñadora UX

Deploy a Next.js app in 7 days

File routing, server data fetching, metadata, and a production deploy — done step by step.

También te puede interesar