Cursos Empresas Blog Live Conf Precios

¿Qué es Next.JS?

Clase 2 de 23 • Curso de Next.js 2018

Clase anteriorSiguiente clase

Resumen

Next.js es un framework para construir aplicaciones web modernas en React. Una de sus principales características es que pensado para tener una excelente experiencia como desarrollador.

JUAN DAVID GARCIA SEMANATE

student•

no hace falta aprender react :D

Carlos Rivas

student•

Saber que el profesor de este curso sera Roberto, asegura la calidad del mismo.

Eduardo Hidalgo Díaz Rugama

student•

completamente de acuerdo con usted

Miguel Angel Morales Larriega

student•

Recuerden SSR está presente en: -React como Next.js. -Vue como Nuxt, -Angular como Angular Universal

René Sanchez

student•

Muy buen aporte! 💚

David Daniel Castillo Nava

student•

Next.js es un framework que usa la Liberia React.js para crear aplicaciones modernas.

Andrés Madrigal

student•

next.js es un framework del framework?

William Velázquez

student•

Cómo? Te refieres de React? Porque React no es un Framework, es una biblioteca! 😉

Héctor Daniel Vega Quiñones

teacher•

Next.js es un framework universal de JavaScript que corre en el navegador y servidor. Usa React.js para crear plantillas, lo cual hace que desarolladores con experiencia en React.js puedan tener una experiencia de trabajo rápida y productiva.

Jesús Mur Fontanals

student•

Con Nextjs se puede hacer server side rendering con Express, Django… etc? Yo creía que Nextjs era una librería para hacer server side rendering con React.

Oscar Barajas Tavares

Team Platzi•

Yo he hecho proyectos con Next.js mezclando express y react, te comparto un proyecto que tengo en github donde mezclo estas tecnologías:

Sebastian Segura

student•

Venia buscando eso @gndx! Tenia en mente la pregunta se puede usar con express? Gracias crack!

Jesus Garcia

student•

iniciando curso 😄

Jesus Olivares

student•

veo que en el contenido del curso de R eact-Router tienen SSR (Server Side Render). No quiero que me pase como con Vue que usando Nuxt basicamente el conocimientos de Vue-Router no es muy util. Sucede lo mismo con react..? Sera que mejor aprendo primero Next.js

Miguel Angel Morales Larriega

student•

Next.js hace que ya no necesites de React Router, ya que lo tiene incorporado. Por ende no necesitas tener conocimiento de React Router, ya que al crear componentes nuevos estos por default crean su propia ruta. Ejemplo: Creo un componente llamado index y otro llamado nosotros. enel url: el localhost por defecto es el index pero solo basta con poner "/nosotros" y te lleva automaticamente a la vista de ese componente. Y asi si creas muchos mas archivos en tu carpeta de pages solo pones el "/" seguido del nombre del archivo y listo. No hay mas React Router

David Ruiz

student•

Tengo una pregunta, he leido mucho en la comunidad de JavaScript y React, devs que hablan de Gatsby y Next, quisera saber si esos dos se relacionan. Por que estoy algo confundido ya que relaciono más Gatsby como WordPress pero para React.

Juan Castro

teacher•

:wave: ¡Hey David! ¿Cómo vas? Ambos son muy parecidos.

Gatsby está sobretodo orientado a construir blogs y se ha vuelto muy popular porque nos da muy buena experiencia de desarrollo y es relativamente "fácil" extender sus superpoderes usando plugins que instalamos por NPM y configuramos en archivos tipo JSON.

Además, Gatsby tiene muy buenos resultados en performance porque hace preloading, eso significa que cuando entramos a una página podemos ver la estructura y los estilos funcionando casi inmediatamente, como si fuera SSR.

Muchas personas "importantes" en el mundo de React usan Gatsby para sus blogs, como Dan Abramov y Kent Dodds. :open_mouth:

Next es muy parecido pero no está orientado a blogs sino a cualquier cosa. También ofrece la opción de preloading pero, a mi parecer, su mejor funcionalidad es que el SSR es excelente y no hay que hacer nada, funciona bien desde el principio. :ok_hand:

Muchísimas personas y empresas usan Next para sus sitios web y aplicaciones.

__

Si quieres elegir uno de los dos te recomiendo que tomes ambos cursos (yes, ¡pronto tendremos curso de Gatsby aquí en Platzi!). :tada::raised_hands:

Laura duque

student•

Hola a todos, tengo un problema de CORS, llamando cualquier API desde componentes, por ejemplo utilizando el useEffect(), debo sobre escribir el server createServer y agregar algún paquete de CORS ? para que funcione ?

Luis Lira

student•

Hay un paquete de npm llamada cors. Sólo lo instalas con npm i cors y luego en el server lo usas

const cors = require('cors')
app.use(cors())

Aunque esa lo he necesitado hacer en API que yo he creado. Para el tema de este curso de Next.js no recuerdo que fuera necesario. También, sería de gran ayudad que nos compartas tu código y una captura del error que te lanza.

Gonzalo Gras cantou

student•

VAMO ROBERTTT !!! 😄

Anthony Gonzalez

student•

Empecemos! 😬

GEORGIE WLADIMIR DUARTE CADENAS

student•

Soy de los que le gusta tener los estilos en archivo aparte, se puede guardar en un archivo aparte styled JSX e importarlos desde el componente? para aprovechar la caracteristica de que lso estilos solo afecten ese componente?

Eduardo Hidalgo Díaz Rugama

student•

Si. asi como importas módulos en archivos separados, puedes hacer los mismo con styled JSX.

También puedes añadir plugins a tu webpack para ser capaz de leer archivos css y exportarlos a tus componentes. Yo así trabajo. Es cómodo porque cuando compilar el bundle productivo puedes juntar todos tus archivos css en uno solo, y al cargar tu webpage solo cargas 1 archivo css

Diego Fernando Berrio Meza

student•

Esta es mi app de podcasts puedes verla

Omar Alvarez

student•

Next.Js es el equivalente a Webpack?? o son dos cosas muy distintas

Platzi Team

student•

Tengo entendido que Nextjs tiene webpack por dentro para generar los bundle.
Automatic transpilation and bundling (with webpack and babel)

AUREA PAOLA RODRIGUEZ BARRON Rodriguez

student•

Hola a todos!, hay alguna manera de crear Middlewares personalizados para Next?, además... el "react-helmet" funciona de la misma manera?

Rigo Antonio Galicia Barrera

student•

Alguien sabe como integrar next con redux?

Diego Forero

Team Platzi•

Hola en la documentación oficial de next hay un ejemplo de como integrar redux https://github.com/zeit/next.js/tree/canary/examples/with-redux

RENNY DE JESÚS PETIT JAIMES

student•

Tengo que saber typescript para usar next.js?

Gustavo Adolfo Ramírez Apache

student•

No

Mario Alejandro Crespo Reyes

student•

Este proyecto esta Brutal !

René Sanchez

student•

Buenisimo!