⚡ 4 Aprende a manejar Next.config y variables de entorno en Next.js | Curso Next.js 15 | 2025

Lección 3 de 743%

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

Sobre esta lección

⚡ ATENCIÓN 🤟 ▷ Domina next.config.js y variables de entorno en Next.js 15: Configuración esencial ⚡En este clase del Curso de Next.js desde cero, descubrirás cómo dominar dos pilares fundamentales de la configuración en Next.js 15: el archivo next.config.js y la gestión de variables de entorno, una gran cantidad de desarrolladores no aprovechan al máximo las capacidades de configuración de sus proyectos. 📌 Parte escrita en: https://ewebik.com/nextjs/configuracion-basica 😁 Sígueme: https://ewebik.com https://twitter.com/e_webik 📌 Capítulos del curso 1 💡 Introducción a Next.js ▷▷ https://youtu.be/iS3iBlHdksQ 2 💡 Fundamentos de Next.js ▷▷ https://youtu.be/XktdacVW1do 3 💡 Layouts avanzados y Data Fetching en Next.js ▷▷ https://youtu.be/SfFKaYyqhmU 4 💡 Next.config y variables de entorno en Next.js ▷▷ https://youtu.be/JQm6Bn_RiW8 📌 Otros cursos recomendados 💡 Curso de base de datos ▷▷ https://www.youtube.com/watch?v=YL98fk1pE6Q&list=PLmIB7uA74Vvaub8PVR2Tj3B6_Wq1wr21Y 💡 Curso de PHP con MySQL ▷▷ https://www.youtube.com/watch?v=-AqNJf8wFAI&list=PLmIB7uA74VvbUSCvWOGkQ1VgRf0Kyd1ph ¿Qué es next.config.js / next.config.ts? next.config es un archivo que no es parseado por Webpack/Babel como el código de tu app, se ejecuta en el entorno de Node.js durante la fase de build y al iniciar el servidor de desarrollo y permite personalizar el comportamiento por defecto de Next.js. Variables de Entorno en Next.js 15 Este sistema te permite manejar diferentes configuraciones entre entornos de desarrollo y producción sin comprometer información sensible. Tipos de Variables de Entorno Next.js 15 clasifica las variables en dos grupos principales: Variables públicas: Prefijadas con NEXT_PUBLIC_ (accesibles en cliente) Variables privadas: Sin prefijo (solo disponibles en el servidor) #nextjs #react.js #programacion 📌 Capítulos de la clase 00:07 Introducción 00:45 ¿Qué es y para qué sirve Next.config? 01:19 Configurando en Next.config: env (variables de entorno) 02:30 Configurando en Next.config: basePath (Ruta base) 05:00 Configurando en Next.config: reactStrictMode (Modo Estricto de React) 05:32 Configurando en Next.config: images (Optimización de Imágenes) 08:15 Configurando en Next.config: headers (Cabeceras HTTP Personalizadas) 10:18 Configurando en Next.config: output (Modo de Salida) 11:29 Configurando en Next.config: Configuración de Redirecciones en next.config.ts 14:20 Variables de Entorno en Next.js 20:22 Despedida

Sobre este curso

🚀 Descripción: Domina Next.js 15 en 2025 con este curso paso a paso desde cero! Aprende desarrollo con React, Server Components, Generación Estática (ISR), API Routes, etc. Ideal para principiantes y desarrolladores que quieran actualizarse a las últimas features de Next.js. 📌 Lo que aprenderás: ✅ Fundamentos de Next.js 15 y diferencias con versiones anteriores ✅ Arquitectura App Router y Server Components ✅ Data fetching ✅ Optimización SEO y rendimiento ✅ Next.js con Typescript y mejores prácticas 🔔 Suscríbete para no perderte los nuevos videos que subiremos semanalmente! 💻 Código fuente disponible en ewebik.com 📅 Actualizado a 2025 con las últimas features de Next.js 15

Lección 3 de 7Nivel: principianteDuración total: 2h 52m

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