Next.js 15 para Principiantes | Tutorial 2025 Parte 1

Explora los Fundamentos de Next.js 15 | Tutorial Completo en Español 🌟

En este primer video de nuestra serie sobre Next.js, aprenderás a dominar los fundamentos esenciales de este poderoso framework de React. Llegaremos hasta el capítulo 7 del tutorial oficial de Next js, donde exploraremos el proceso de fetching data (obtener datos) desde APIs externas o fuentes internas. 🚀

¿Qué aprenderás en este video?
✅ Cómo configurar un proyecto Next.js desde cero.
✅ La estructura de carpetas y archivos de Next.js.
✅ Cómo renderizar componentes dinámicamente.
✅ Fundamentos de fetching data en el lado del servidor y cliente.

¿Por qué elegir Next.js?
Next.js es el framework más popular para crear aplicaciones web modernas con React. Su soporte para SSR (Server-Side Rendering) y ISR (Incremental Static Regeneration) lo convierten en una herramienta ideal para sitios rápidos y optimizados para SEO.

Para quién es este video:
💻 Desarrolladores React que desean ampliar sus habilidades.
🌟 Principiantes en Next.js que buscan una guía clara y directa.

Recursos útiles:
📄 Repositorio del proyecto: https://github.com/anjrotDev/next-tutorial-youtube
📄 Repositorio Backend usado para este proyecto: https://github.com/anjrotDev/next-dashboard-backend
🎓 Documentación oficial de Next.js: https://nextjs.org/docs

🗓️ TimeLine 🗓️
00:00 - Intro Next Js 15 | Tutorial para Principiantes 2025
00:32 - ¿Qué es Next Js?
01:17- Instalación del Framework
03:20 - Interactuando con el proyecto
03:50 - Conociendo los archivos mínimos necesarios para trabajar.
06:45 - Estructura de carpetas
07:20 - Como usar CSS en Next js
11:00 - Registro de fuentes en Next js
14:50 - Creación del Home
23:25 - Cómo se construyen las rutas en Next js
26:32 - Construcción del Dashboard
38:22 - Creación de Template o Partials dentro de las rutas
41:44 - Server y Client Components
52:50 - Preparando los Endpoints para hacer fetch
01:02:28 - Fetch desde Server Components



Despliega tu App BackEnd a DigitalOcean
El siguiente enlace es un enlace de afiliado, lo que significa que si decides realizar una compra a través de él, puedo recibir una pequeña comisión sin costo adicional para ti. ¡Gracias por apoyar al canal! 💙
https://digitalocean.pxf.io/c/4661824/1373760/15890


¡Acompáñanos en esta serie para convertirte en un experto en Next.js! 😎💡
No olvides suscribirte, dar like y activar la campanita 🔔 para no perderte los próximos videos de esta serie. 🎥✨