CursosEmpresasBlogLiveConfPrecios

Conclusiones del curso

Clase 23 de 23 • Curso de Next.js 2018

Clase anteriorSiguiente clase

Contenido del curso

Introducción a Next.JS

  • 1

    ¿Dónde aprender Next.js actualizado?

    00:14 min
  • 2
    ¿Qué es Next.JS?

    ¿Qué es Next.JS?

    01:41 min
  • 3
    Creando nuestra primera página

    Creando nuestra primera página

    07:44 min
  • 4
    Styled JSX

    Styled JSX

    09:54 min

Server Side Rendering

  • 5
    Aprende qué es Server Side Rendering

    Aprende qué es Server Side Rendering

    04:15 min
  • 6
    Intro a getInitialProps

    Intro a getInitialProps

    14:44 min
  • 7
    Utilizando el componente Link

    Utilizando el componente Link

    08:01 min
  • 8
    Recibiendo Parámetros

    Recibiendo Parámetros

    13:20 min
  • 9
    Performance de Get Initial Props

    Performance de Get Initial Props

    04:39 min
  • 10
    Vista de Podcasts

    Vista de Podcasts

    02:07 min

Componentes Reutilizables

  • 11
    Creando componentes en React

    Creando componentes en React

    15:16 min
  • 12
    Reorganizar la vista de podcasts

    Reorganizar la vista de podcasts

    03:03 min

Navegación Avanzada

  • 13
    Gestionando Errores

    Gestionando Errores

    14:06 min
  • 14
    Personalizando errores

    Personalizando errores

    10:21 min
  • 15
    ¿Cómo diseñar URLs?

    ¿Cómo diseñar URLs?

    03:34 min
  • 16
    Configurando Next Routes

    Configurando Next Routes

    11:26 min
  • 17
    Implementando Next Routes

    Implementando Next Routes

    08:04 min
  • 18
    Vistas Híbridas

    Vistas Híbridas

    12:56 min
  • 19
    Implementar el Modal

    Implementar el Modal

    06:24 min
  • 20
    Agregando un loader

    Agregando un loader

    03:44 min

Publicando nuestra app

  • 21
    Mejores prácticas en Github

    Mejores prácticas en Github

    04:33 min
  • 22
    Publicar la app con now

    Publicar la app con now

    02:39 min
  • 23
    Conclusiones del curso

    Conclusiones del curso

    Viendo ahora
Tomar examen
Resumen

¡Felicitaciones, Terminamos el curso de Next.JS!
Recuerda compartir tu proyecto con la comunidad en el sistema de discusiones.

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads
        Cesar Becerra

        Cesar Becerra

        student•
        hace 7 años

        Mas cursos con este profesor!

          José Gabriel Guzmán Lopéz

          José Gabriel Guzmán Lopéz

          student•
          hace 7 años

          Total este tipo es un PRO

          Mario Menjívar

          Mario Menjívar

          student•
          hace 7 años

          ¡POR FAVOR!

        Gregorio Garcia

        Gregorio Garcia

        student•
        hace 8 años

        Este profesor me dejó sorprendido, demás de excelente. ¡Muchísimas gracias! 😄

        Jesus Garcia

        Jesus Garcia

        student•
        hace 8 años

        eran altas las expectativas sobre todo el profesor que no había visto, y todo fue excelente 10pts para el y el curso. son los mejores platzi.

          Oscar Barajas Tavares

          Oscar Barajas Tavares

          Team Platzi•
          hace 8 años

          Como te fue en el curso, muestranos tu proyecto final.

        Jose Chirinos

        Jose Chirinos

        student•
        hace 8 años

        Next.js is Ready…!!

        Code
        Live Podcast

        Bien Explicado, Excelente curso…!!!

        Siguiente parada PWA con React…!!!

          YOJAN DAVID CASTELLANOS PEÑA

          YOJAN DAVID CASTELLANOS PEÑA

          student•
          hace 5 años

          muy bueno

        Leandro Videla

        Leandro Videla

        student•
        hace 7 años

        Excelente profe!

        Apliqué los conocimientos del curso para crear un template de mi portfolio y quedó súper!!!

        Demo del portfolio publicado con Now

        Repo del portfolio en GitHub

        Gracias! 😄 😄

          Manuel Ojeda

          Manuel Ojeda

          student•
          hace 6 años

          Está super genial tu portafolio 🤘

          Leandro Videla

          Leandro Videla

          student•
          hace 6 años

          Mucha gracias, pásame el tuyo!

        Juan Luis Rojas León

        Juan Luis Rojas León

        student•
        hace 7 años

        Repositorio en Github
        Aplicación web

        Carlos Rivas

        Carlos Rivas

        student•
        hace 7 años

        A riesgo de que me caigan a piedras los Leonidas-lovers, pienso que de ahora en adelante @robertomgonzalez es el profesor que debería impartir los cursos de React.js, definitivamente una forma muy limpia de explicar y sin dejar cabos sueltos.

        Julio Hurtado

        Julio Hurtado

        student•
        hace 8 años

        Muy bueno el curso, me encantó. Excelente contenido, excelente profesor.

        Fredy Bustos

        Fredy Bustos

        student•
        hace 8 años

        Estuvo excelente. Quedaron muchas cosas mucho mas claras.

        William Velázquez

        William Velázquez

        student•
        hace 8 años

        Magnífico curso! Todo gracias al excelente profesor que estuvo a cargo, espero que tengamos la oportunidad de tener más cursos impartidos por Roberto! 😄

        .

        .

        student•
        hace 8 años

        Estuvo increíble el curso, muchos conceptos que no conocía o no tenía tan claros ahora los tengo listos para aplicar. Gracias Robert!

        La Opinión Digital

        La Opinión Digital

        student•
        hace 7 años

        Muy buen curso 😃 uno de los mejores.

        Iván Darío Sánchez Jiménez

        Iván Darío Sánchez Jiménez

        student•
        hace 6 años
        demo_app.png

        Repository Podcast App

        Rubén Padilla

        Rubén Padilla

        student•
        hace 6 años

        Comparto el link del repositorio y deploy:

        ⚡️ Repositorio 🚀 Deploy

        💅🏻 Implemente el proyecto con styled-components.

        💪🏻 Agradezco feedback

        Jose Galbis Soler

        Jose Galbis Soler

        student•
        hace 6 años

        Me surge la duda de si es mejor emplear el uso de class o por contra utilizar functions. A la hora de definir las pages y los components. Alguien sabe si es por eficiencia o seguridad o algun otro motivo. En la api de next.js solo he encontrado en versiones anteriores a la 9 el uso de class, para superior de 9 los ejemplos estan todos implementados con functions.

          ASSIST CARD ACI IT

          ASSIST CARD ACI IT

          student•
          hace 6 años

          Mi recomendacion es que te acostumbres a funciones en lugar de clases. Si vas a incursionar en el mundo React la tendencia es ir para el lado de Hooks o sea programacion funcional.

          Jose Galbis Soler

          Jose Galbis Soler

          student•
          hace 6 años

          Muchas gracias. Lo tendre en cuenta.

        Roger Mora

        Roger Mora

        student•
        hace 6 años

        Hola solo me quedó el problema que veo en todos los desarrollos de los compañeros, si estoy en la página de channels O la del podcast y actualizo sale el error de página no existe, entonces todo el trabajo de URL amigables no funcionará por que si copió y pego el link me dará error, alguien me corrige si me equivoco, gracias.

          Enzo Tamaquiza Murillo

          Enzo Tamaquiza Murillo

          student•
          hace 6 años

          No debería mostrarte ese error pero tambien lo puedes validar en getInitalProps si no lee el id que pasa por la URL, puedes rederigir a channels. aqui te dejo la documentacion. https://nextjs.org/docs/api-reference/data-fetching/getInitialProps

          Roger Mora

          Roger Mora

          student•
          hace 6 años

          Hola, gracias por tu respuesta, ¿Has logrado comprar esto en los proyectos realizados por los demás compañeros, o si tu lo hiciste para verlo en línea y realizar la prueba?, el tema es que no es como un link permanente redireccionar sirve pero no al post final, y ver cómo podríamos resolverlo, le he estado dando vuelta pero aun no consigo el resultado, gracias por tu aporte.

        Eduardo Rasgado Ruiz

        Eduardo Rasgado Ruiz

        student•
        hace 8 años

        Mi app:
        Podcastiny

        Tobías Schwarz

        Tobías Schwarz

        student•
        hace 7 años

        El mejor profesor (a mi gusto) que he visto en Platzi (después de Freddy)

        Ricardo Medina

        Ricardo Medina

        student•
        hace 7 años

        Excelente curso para empezar con este maravilloso Framework Web y muy bien explicado por el profesor. Saludos.