Tutorial Next.js 15 paso a paso, para Principiantes

Lección 1 de 714%

Sigue así. Cada lección te acerca más a tu certificado.

Sobre esta lección

En este tutorial de Next.js 15 aprenderás paso a paso cómo crear aplicaciones full stack desde cero. Cubriremos desde la configuración inicial hasta la conexión a PostgreSQL, incluyendo estilos, fuentes, imágenes y más. Ideal para principiantes que quieren dominar Next.js de forma práctica y efectiva. Next.js 15 desde Cero: Tutorial paso a paso para Principiantes - Parte 1 https://youtu.be/C9b1dhPsGec Te dejo en link al repositorio de GitHub. https://github.com/johnsi15/nextjs-dashboard ¡Únete a mi newsletter y lleva tus habilidades en programación al siguiente nivel! 🚀 Cada semana, más de 100 apasionados por la programación reciben contenido exclusivo para potenciar sus conocimientos, crecer como profesionales y estar al día con las últimas tendencias de la industria. 📩 ¿Qué encontrarás? ✅ Noticias y consejos clave para programadores. ✅ Recursos gratuitos que te ahorrarán tiempo y esfuerzo. ✅ Contenido práctico para mejorar tus habilidades. 🎁 Además, al unirte recibirás gratis un eBook para aprender uno de los lenguajes más demandados del mercado. No te lo pierdas: Suscríbete ahora https://bit.ly/news-jsdev y sé parte de esta comunidad en constante crecimiento. ¡Te espero! 🔥 Suscríbete al canal: https://bit.ly/johnserranodev 🚀 Sitio web: https://johnserrano.co/ Sígueme en mis redes sociales: Instagram: https://www.instagram.com/johnserranodev Facebook: https://www.facebook.com/johnserranodev X: https://twitter.com/johnserranodev Linkedin: https://www.linkedin.com/in/johnserranodev GitHub: https://github.com/johnsi15 Jesús le dijo: Yo soy el camino, y la verdad, y la vida; nadie viene al Padre, sino por mí. Juan 14:6 00:00 Introducción 01:08 Repaso del video anterior 03:01 Capitulo 5 next/link y usePathname 08:28 Aplicando el hook usePathname 12:10 Capitulo 6 conectando el proyecto con GitHub y Vercel 13:18 Conectando el repositorio de GitHub con Vercel 15:54 Creando una base de datos en Vercel con Postgres 20:03 Insertar la semilla de datos iniciales 22:23 Probando la base de datos con una query 24:34 Capitulo 7 fetching de datos 25:05 Escoger como obtener los datos API Layer o database queries 31:23 Haciendo fetching de datos en la página principal 40:35 Revisando el resultado del dashboard 41:33 Flujo de solicitudes en cascada 43:14 Conclusiones next js, next js tutorial, nextjs, diseño web, desarrollo web, react js, javascript, react desde cero, html, web development, React, Next.js para principiantes, Next.js 15, desarrollo frontend, programación web, aprender Next.js, framework de JavaScript, tutorial Next.js, Next.js basics, cursos de programación #informatica #programadores #programador #sistemas #software #programacion #nextjs #javascript #react #programming

Sobre este curso

Aprende Next.js 15 paso a paso con este curso completo en español. Desde la instalación inicial hasta la conexión con bases de datos y despliegue en Vercel, este curso está diseñado para ayudarte a dominar el desarrollo web moderno con Next.js. Ideal para principiantes que buscan crear aplicaciones full stack eficientes y escalables. Nuevas lecciones cada semana.

Lección 1 de 7Nivel: principianteDuración total: 10h 41m

Lo que aprenderás en este curso:

  • Dominar la sintaxis moderna de JavaScript (ES6+)
  • Manipular el DOM y gestionar eventos del navegador
  • Trabajar con funciones asíncronas, promesas y APIs
  • Implementar estructuras de datos y algoritmos en JavaScript