Curso de Next.js

Clases del Curso de Next.js

Instruido por:
Jonathan Alvarez
Jonathan Alvarez
Básico
4 horas de contenido
Ver la ruta de aprendizaje
Platzi-Avo
Proyecto del curso
Platzi-Avo

Haciendo uso de las capacidades de API de Next.js, crearemos tres endpoints para obtener información sobre nuestros queridos aguacates y posteriormente haciendo uso de React con TypeScript, Styled JSX, y mucho CSS (El CSS de la forma que quieras), para renderizar la información y hacerla interactiva. Las páginas y el SPA (Single Page Application) lo crearemos también con Next.js y miraremos #UnderTheHood para exprimir las capacidades de este framework.

Curso de Next.js

Curso de Next.js

Progreso del curso:0/27contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/27contenidos(0%)

Lo básico

Material Thumbnail

Construir una web app con React no es fácil

05:41 min

Material Thumbnail

Nuestro proyecto y lo que necesitaremos

02:00 min

Material Thumbnail

Instalando NextJS

07:26 min

Routing

Material Thumbnail

Rutas básicas

05:33 min

Material Thumbnail

Rutas dinámicas

06:53 min

Material Thumbnail

#UnderTheHood setup y páginas: optimizaciones ocultas

05:38 min

Material Thumbnail

#UnderTheHood páginas: pre rendering de páginas

03:49 min

Material Thumbnail

Enlazando páginas

07:47 min

Material Thumbnail

#UnderTheHood enlazando páginas: prefetching automático

03:37 min

API y Debugging

Material Thumbnail

¿Cómo crear API con NextJS?

18:22 min

Material Thumbnail

Creando y consumiendo nuestra propia API

18:31 min

Extendiendo NextJS

Material Thumbnail

Extendiendo el Document

10:26 min

Material Thumbnail

Extendiendo el App

10:45 min

Material Thumbnail

Explora las soluciones de CSS en NextJS y su flexibilidad

13:26 min

Material Thumbnail

Finalizando las páginas

09:34 min

Deployment en Vercel

Material Thumbnail

Utilizando Vercel para hacer Deploy

04:58 min

Data Fetching y Pre-rendering

Material Thumbnail

Introducción a los pre-render modes

01:42 min

Material Thumbnail

#UnderTheHood Server Side Rendering: getServerSideProps

14:35 min

Material Thumbnail

#UnderTheHood Static Generation: getStaticProps

05:43 min

Material Thumbnail

#UnderTheHood Static Dynamic Static Generation: getStaticPaths

16:24 min

Deployment

Material Thumbnail

Otras formas de hacer deploy de una app NextJS

07:19 min

Midiendo Performance

Material Thumbnail

Mide Performance en NextJS

06:16 min

El futuro de NextJS

Material Thumbnail

¿Qué será de NextJS en los próximos años?

05:23 min

Conclusiones

Material Thumbnail

Continúa con el Curso de Next.js: Sitios Estáticos y Jamstack

01:36 min

Bonus Next.js 10

nuevosmás votadossin responder
Pedro
Pedro
Estudiante

Hola Jonathan Alvarez, gracias por el feedback. Siento responder tan tarde, pero no había forma de ver tu comentario. Lo acabo de leer. 1.- Enhorabuena por el curso y las grabaciones, esperemos que pronto estén accesibles. 2.- Entiendo el tipo de implementación para projectos pequeños con serverless, y respecto a proyectos grandes que se desacople el backend de next.js, donde ahora el role que desempeña next.js más como un middleware, pero para concretar más, ahora que ya sabemos el role de next.js, que nos recomendarías para el “backend puro” -> nest.js, express.js, Fastapi, alguno con rust/go/c? Gracias por el feedback. 😉

1
Jose Alvarez
Jose Alvarez
Estudiante

Que tipografía usas en tu editor que se ve tan bien 😄 me compartes esa config ?

0
Pedro
Pedro
Estudiante

Hola Jonathan Alvarez, dos preguntitas rápidas: 1.- He visto que hay varios cursos para continuar con Next.js pendientes por abrir hechos por ti, se sabe cuando se publicarán? Por ahora sale un aviso próximamente. Estoy impaciente por poder continuar profundizando. 2.- Tal como se ha explicado en este primer curso de Next.js, hace de frontend y poco de backend, si quisiéramos desarrollar más el backend, nos recomiendas continuar con Next.js y entonces ser monolítico, o desacoplarlo y utilizar una alternativa como Nest.js o Express.js? Gracias!

3
Emilio José Vargas Posada
Emilio José Vargas Posada
Estudiante

A mi no me funcinó el prefetch

1
Francisco Javier Torres Damas
Francisco Javier Torres Damas
Estudiante

¿Hay posibilidad de que en la url pueda escribir mayúsculas ó combinaciones con minúsculas y mayúsculas, y al final que haga match a pesar de que en el archivo lo tenga escrito en minúsculas?

1
Ange lJair Neri Huerta
Ange lJair Neri Huerta
Estudiante

Alguien recuerda en que clase vimos lo del
getStaticPaths ?

1
sr.cristofher
sr.cristofher
Estudiante

Para las animaciones simples estoy usando module.css por que framer motion pesa 90Kb usando three shaking, he intentado con dynamic import pero me da unos errores. De momento es un parche, que me recomendais para hacer animaciones sin que haga danio a mi performance?

1
gasparnd
gasparnd
Estudiante

Como hago que prettier me formatee el código?

1
gasparnd
gasparnd
Estudiante

Bien, ya no es necesarion React Router o Reach Router, o si?

2
JUAN FELIPE TAMAYO HERRERA
JUAN FELIPE TAMAYO HERRERA
Estudiante

¿Es necesario importar React en los componentes, se que en React si, pero tengo entendido que en Next no es necesario?

1