• 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