Curso de Next.js desde Cero (Next.js 13)
¿Qué aprenderás en este curso?
En este curso de Next.js desde cero, exploraremos todos los conceptos fundamentales de Next.js, una
biblioteca de React orientada al desarrollo de aplicaciones web modernas y eficientes.
A lo largo de este curso, aprenderás a:
- Configurar un proyecto de Next.js desde cero
- Crear rutas dinámicas y estáticas en Next.js
- Interactuar con APIs utilizando Next.js
- Optimizar el rendimiento de tus aplicaciones Next.js
- Implementar un sistema de enrutamiento avanzado
- Utilizar componentes compartidos en tu aplicación Next.js
Módulos del curso
1. Introducción a Next.js
En este módulo, aprenderás los conceptos básicos de Next.js y cómo configurar tu entorno de desarrollo
para comenzar a trabajar con esta herramienta poderosa.
2. Creación de rutas y páginas en Next.js
En este módulo, explorarás cómo crear rutas dinámicas y estáticas en Next.js y cómo estructurar tus
páginas de manera eficiente.
3. Interacción con APIs
En este módulo, aprenderás cómo utilizar Next.js para interactuar con APIs externas y cómo manejar los
datos recibidos de manera eficiente en tu aplicación Next.js.
4. Optimización del rendimiento
En este módulo, descubrirás técnicas para optimizar el rendimiento de tu aplicación Next.js y cómo
medir y mejorar la velocidad de carga de tus páginas.
5. Implementación de enrutamiento avanzado
En este módulo, aprenderás a implementar un sistema de enrutamiento avanzado en Next.js utilizando
herramientas y técnicas adicionales.
6. Utilización de componentes compartidos
En este módulo, descubrirás cómo utilizar componentes compartidos en tu aplicación Next.js para
mejorar la reutilización de código y la eficiencia en el desarrollo.
¡Inscríbete en nuestro Curso de Next.js desde Cero (Next.js 13)!
No te pierdas la oportunidad de aprender todo sobre Next.js en nuestro curso completo. Aprovecha esta
oportunidad para dominar esta tecnología y llevar tus habilidades de desarrollo web al siguiente nivel.
Coders, este es el video alternativo que se menciona en el proyecto final, en donde desarrollo el mismo ejemplo pero usando Typescript, React hook form, Tailwincss, y prisma:
https://youtu.be/8gb7PtmwP2U
Este video lo pueden hacer después de terminar el curso, o pueden hacerlo en lugar del ultimo ejemplo de este curso si ya tienen un poco más de experiencia.
Cuando bayas a subir el curso de next14 , habla de como seria la actualizacion de next13 a 14.
Con Next 14 Construir un API para servir movimientos a la BD pierde vigencia? Ahora será directamente usando react server actions? Aqui llego un cambio de paradiga parece. Cual es tu opinión y recomendación
@Fazt podrías ayudarme, tal vez no soy el único con la duda, pero por qué están hablando mucho de next,me está empezando a preocupar si aprender o no a usar next.js
Hermano, debo felicitarlo por tan excelente material didáctico, siempre he visto tus videos, pero me parece q este ha sido uno de los mejores, si pudiera darte mil likes lo daria
Ayuda: coloco http://localhost:3000/api/tasks en el navegador y me responde: Failed to load resource: the server responded with a status of 500 ()
Holaa, tengo una duda, al momento de instalar tailwind css al monento de escribir las clases no me aparecen, digamos las sugerencias, y encuentro que te salgan es más fácil ya que evita cometer errores al colocarle propiedades, cómo hago para que aparescan?
hola buen video, haras unos con la version 14?
Fazt , me ayudaste a entender nextjs muy rápido eres realmente fazt 😀
Excelente tutorial, pero como seria aplicando patrones de diseño y principios SOLID y DRY, hay muchas repeticiones de llamadas fech por todos lados y muchas violaciones al principio de responsabilidad única
entonces que paso con esto en las versiones anteriores estaban getStaticPaths , getStaticProps, getServerSideProps?
Javascript 2023 ???
Yo por el momento no conseguí hacer funcionar el Suspense… arranca con el loading de "loading.jsx" del directorio "posts" (donde están todos los post). Probé a seguir la documentación de React y igualmente no va, incluso reinicié el PC… el código está revisado letra por letra y está igual que el video
bro, quiero implementar un login y luego que redireccione a una dashboard( pesonalizado), tienes algun video relacionado estoy trabajando con javascript no typescript (hay algun diferencia grande ? entre estos 2).saludos
No puedo creer que todavia no estaba subscripto, EXCELENTE CURSO, completisimo y con proyectos y deploy, gracias Fazt, sos unico <3
Que curso mas interesante, muchas gracias fazt
Seria util que incluyas el o los repositorios del curso, buen trabajo
Muchas gracias por el curso me solucionó muchas dudas. Tengo una en especial, si quiero manejar autenticación como sería la mejor forma o la forma recomendable ?
faztgod
excelente, justo estaba buscando cómo montar un layout dentro de una sección luego de que el usuario haga login en la app