• Fundamentos de React, componentes, props, estado y hooks

• Nodejs (Opcion Recomendable, pero no Requerida)

• Nextjs Routing (Route Handlers)

• Considerar la version de Nextjs

• Rendering: SSR, SSG, CSR, ISR:

  • SEO: meta tags y robots.txt
  • Carga Rapida

• Estilos:

  • Preprocesadores: Sass, Less, Stylus
  • CSS in JS:
    • Emotion
    • Styled Components
    • Styled System
  • css
    • TailwindCSS
    • CSS Modules

• Component Libraries

  • shadcn
  • NextUI
  • TailwindUI
  • RadixUi
  • Materil UI

• Performance

  • Hydration
  • next/image
  • next/script
  • next/font
  • partytown

• Manejo de Estado

  • Zustand
  • ContextAPI
  • Jotai
  • Redux Toolkit

• API Routes: REST APIs, GraphQL APIs

  • REST
    • Tanstack Query
    • SWR
  • GraphQL
    • Apollo
    • Relay
    • URQL
    • Graphql-request
  • Web Sockets
    • Socket.io
    • Ably
    • Convex
    • Pusher
    • PubNub
  • tRPC

• Base de Datos y ORMs

• Autenticacion: API Propia, Clerk, Auth0 o NextAuthjs

• Middlewares

• Deployment: AWS, Railway, render.com

• Testing

  • E2E
    • Playwright
    • Cypress
  • Unit
    • Jest
    • Vitest
  • Integration
    • React Testing Library
  • Visual
    • StoryBook
    • Docz

• Proyectos Practicos: Blog Personal, Ecommerce, Portafolio

• Internacionalizacion

  • next-translate
  • lingui
  • 18next
  • react-intl

• Architecture

  • Monolito
  • Feture-Slice Design
  • Monorepo

• Observability

  • OpenTelemetry
  • DataDog
  • New Relic
  • Sentry

Recursos

• https://github.com/Blazity/nextjs-roadmap