¿Qué es Next.JS?
Clase 2 de 23 • Curso de Next.js 2018
Contenido del curso
JUAN DAVID GARCIA SEMANATE
student•
hace 7 años
Clase 2 de 23 • Curso de Next.js 2018
Contenido del curso
JUAN DAVID GARCIA SEMANATE
Carlos Rivas
Eduardo Hidalgo Díaz Rugama
Miguel Angel Morales Larriega
René Sanchez
David Daniel Castillo Nava
Andrés Madrigal
William Velázquez
Héctor Daniel Vega Quiñones
Jesús Mur Fontanals
Oscar Barajas Tavares
Sebastian Segura
Jesus Garcia
Jesus Olivares
Miguel Angel Morales Larriega
David Ruiz
Juan Castro
Laura duque
Luis Lira
Gonzalo Gras cantou
Anthony Gonzalez
GEORGIE WLADIMIR DUARTE CADENAS
Eduardo Hidalgo Díaz Rugama
Diego Fernando Berrio Meza
Omar Alvarez
Platzi Team
AUREA PAOLA RODRIGUEZ BARRON Rodriguez
Rigo Antonio Galicia Barrera
Diego Forero
RENNY DE JESÚS PETIT JAIMES
Gustavo Adolfo Ramírez Apache
Mario Alejandro Crespo Reyes
René Sanchez
no hace falta aprender react :D
Saber que el profesor de este curso sera Roberto, asegura la calidad del mismo.
completamente de acuerdo con usted
Recuerden SSR está presente en: -React como Next.js. -Vue como Nuxt, -Angular como Angular Universal
Muy buen aporte! 💚
Next.js es un framework que usa la Liberia React.js para crear aplicaciones modernas.
next.js es un framework del framework?
Cómo? Te refieres de React? Porque React no es un Framework, es una biblioteca! 😉
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.
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.
Yo he hecho proyectos con Next.js mezclando express y react, te comparto un proyecto que tengo en github donde mezclo estas tecnologías:
Venia buscando eso @gndx! Tenia en mente la pregunta se puede usar con express? Gracias crack!
iniciando curso 😄
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
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
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.
: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:
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 ?
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.
VAMO ROBERTTT !!! 😄
Empecemos! 😬
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?
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
Esta es mi app de podcasts puedes verla
Next.Js es el equivalente a Webpack?? o son dos cosas muy distintas
Tengo entendido que Nextjs tiene webpack por dentro para generar los bundle.
Automatic transpilation and bundling (with webpack and babel)
Hola a todos!, hay alguna manera de crear Middlewares personalizados para Next?, además... el "react-helmet" funciona de la misma manera?
Alguien sabe como integrar next con redux?
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
Tengo que saber typescript para usar next.js?
No
Este proyecto esta Brutal !
Buenisimo!