A lo largo de los últimos años, el desarrollo web ha presentado una evolución rápida gracias a la aparición de frameworks que optimizan la experiencia del usuario y, en consecuencia, aceleran la entrega de productos digitales. Uno de los más populares y eficientes en el ecosistema React es el Next.js, un framework de código abierto responsable de construir aplicaciones web rápidas, escalables y optimizadas para SEO.

Este marco fue creado por la empresa Vercel, ofreciendo una renderización híbrida, soporte para rutas dinámicas, optimización automática de imágenes y muchas otras características. De esta manera, varias empresas famosas, como Twitch, lo utilizan para entregar experiencias digitales cada vez más fluidas e inmersivas para los usuarios.

Pero, después de todo, ¿qué es exactamente Next.js? ¿Cómo funciona y por qué vale la pena adoptarlo en lugar de usar solo React en su forma pura?

En este artículo, vamos a responder todas estas preguntas en detalle, con ejemplos prácticos, comparaciones técnicas y consejos de uso para desarrolladores, desde los principiantes hasta los experimentados. ¿Quieres saber más? ¡Entonces revisa el contenido hasta el final y disfruta de una buena lectura!

¿Qué es Next.js y para qué sirve?

Next.js es un marco construido sobre React con la intención de facilitar el desarrollo de aplicaciones modernas, con funcionalidades que ya están listas para producción. De esta manera, resuelve varias limitaciones presentadas por el React tradicional, como SEO, rendimiento y enrutamiento.

Además de todo esto, aún ofrece un enfoque más flexible y escalable tanto para las aplicaciones estáticas como para las consideradas dinámicas.

Framework React para produção

A diferencia de lo que ocurre con React puro, que solo ofrece la biblioteca para la construcción de la interfaz, Next.js proporciona una estructura de producción ya lista, lo que incluye funcionalidades como:

• Renderizado del lado del servidor (SSR);
• Generación estática (SSG);
• División automática de código (code splitting);
• Enrutamiento basado en archivos;
• Rutas de API (funciones sin servidor).

Son estos recursos los que hacen que Next.js sea una solución completa para el desarrollo frontend y backend en un solo stack.

Con la generación estadística, por ejemplo, es posible entregar páginas extremadamente rápidas y optimizadas para motores de búsqueda, lo que es indispensable para blogs y e-commerces.

Diferença entre Next.js e React tradicional

React, en su forma tradicional, se ve como una biblioteca enfocada, de manera exclusiva, en la construcción de la interfaz de usuario. Mientras tanto, Next.js funciona como un framework fullstack, responsable de abarcar una arquitectura robusta para todo el ciclo de desarrollo de la aplicación.

Consulte, a continuación, las principales diferencias entre ellos:

Criterio	React tradicional	Next.js
Enrutamiento	Requiere biblioteca externa (React Router)	Nativo mediante estructura de carpetas
Renderizado	Solo Client-side Rendering (CSR)	SSR, SSG, ISR y CSR disponibles por página
SEO	Limitado, requiere técnicas específicas	Altamente optimizado con pre-renderizado
Compilación y configuración	Manual, necesita configuración de Babel/Webpack	Automatizado con configuración cero (zero-config)
Backend/API	Requiere backend separado	Rutas de API nativas (/pages/api)

Casos de uso ideais para empresas e devs

Next.js puede ser utilizado en la mayoría de las aplicaciones, pero destaca en gran medida en:

• E-commerces y sitios con SEO fuerte;
• Paneles administrativos con autenticación y páginas dinámicas;
• SaaS y productos digitales que requieren un alto rendimiento;
• Aplicaciones híbridas con SSR y SSG simultáneamente;
• Startups que desean escalar rápidamente mediante un stack confiable.

¿Por qué usar Next.js en tus proyectos?

Next.js ofrece una serie de características que lo convierten en un programa atractivo, ya sea para desarrolladores principiantes o para grandes equipos de ingeniería.

Ya que, con la adopción de este marco de trabajo, es posible tener acceso a herramientas modernas que reducen su complejidad, aumentando el rendimiento y mejorando la experiencia del usuario de manera significativa.

A continuación, vamos observar los 3 principales beneficios que explican por qué este marco se destaca entre los demás del ecosistema JavaScript moderno.

Otimizações automáticas de imagem e carregamento

Una de las mayores ventajas de Next.js radica en la optimización automática de las imágenes.

A través del componente next/image, las imágenes se entregan en su formato ideal, como WebP, en tamaños responsivos y con una carga bajo demanda, lo que ayuda a mejorar el tiempo de carga de la página y el rendimiento general del sitio, incluso en su optimización.

Internacionalização nativa e suporte multilíngue

Otra característica nativa del framework es la internacionalización (i18n). Con solo unas pocas configuraciones, el usuario puede crear aplicaciones que ofrecen soporte para varios idiomas, detectan automáticamente el idioma del usuario y realizan redireccionamientos de URL basados en el país o la ubicación.

Tus principales ventajas son:

• Rutas localizadas de manera automática (/pt, /en, /es);
• Soporte para fallback de idiomas;
• Integración simple con bibliotecas como i18next o react-intl;
• Mejora del SEO local, teniendo en cuenta que cada idioma puede generar una versión indexable única.

Esta funcionalidad es indispensable para empresas con una presencia global o para startups que desean escalar a otros países sin la necesidad de rehacer su código.

Zero configuração e updates em tempo real

A diferencia de lo que sucede en otras herramientas que requieren configuraciones extensas de Webpack, Babel, ESLint, TypeScript y otras dependencias, Next.js adopta el concepto zero-config. Esto significa que puedes iniciar un proyecto funcional a partir de dos únicos comandos:

• npx create-next-app@latest
• npm ejecutar dev

Además de esta facilidad, el entorno de desarrollo de Next.js incluye el hot reloading, que es una recarga instantánea con cada guardado.

Este sistema de rutas automático se basa en archivos de soporte nativo a TypeScript, estilización con CSS Modules o Tailwind, e incluso páginas protegidas con autenticación.

Painel analítico integrado

Una de las mayores ventajas de utilizar Next.js por Vercel es su panel de análisis integrados de rendimiento, que puede ofrecer datos altamente relevantes como:

• Latencia por región;
• Cantidad de solicitudes por ruta;
• Errores de compilación o despliegue;
• Tiempo medio de carga por dispositivo.

Las métricas son esenciales para que los desarrolladores tomen decisiones basadas en datos, mejorando de manera continua la experiencia del usuario, lo que evita cuellos de botella de rendimiento. Además, su integración con el Google Analytics es extremadamente simple y funciona en el ecosistema.

Suporte completo a SSR, SSG e CSR

El framework ofrece un sistema híbrido capaz de combinar diferentes formas de renderización de páginas en un solo proyecto, dependiendo de la necesidad. Él puede:

• Renderizar en SSR, con una página renderizada en cada solicitud, siendo ideal para paneles de control y contenidos personalizados;
• Renderizar en SSG, con una página generada en el build time, ideal para blogs, páginas de aterrizaje y portafolios;
• Renderizar en CSR, con una página renderizada en el navegador, ideal para aplicaciones SPA o interactivas.

Ejemplos de grandes empresas que utilizan Next.js

El uso de Next.js no se limita solo a desarrolladores independientes o startups. Muchas gigantes globales también terminan optando por este marco para entregar aplicaciones robustas, escalables y rápidas. A continuación, vea algunos ejemplos.

TikTok

La versión web de TikTok se ha reestructurado a partir de Next.js con el objetivo de optimizar la carga de los videos y ofrecer un SSR eficiente, garantizando compatibilidad con los navegadores y mejorando el rendimiento en SEO.

Además, el marco también permitió el uso de rutas dinámicas y contenido para diferentes países.

Hulu

El servicio de streaming Hulu utiliza este marco de trabajo para entregar páginas de marketing y landing pages altamente optimizadas. El uso de SSG permitió la reducción significativa del tiempo de carga, incluso si tiene imágenes y contenidos dinámicos.

Binance

A Binance, considerada una de las mayores plataformas de criptomonedas del mundo, utiliza Next.js para renderizar interfaces financieras sensibles con SSR, ofreciendo un mayor rendimiento, seguridad y compatibilidad con todos los dispositivos.

Además, el framework también ayudó a escalar múltiples versiones localizadas del sitio en varios idiomas, algo esencial para una empresa con un alcance tan amplio.

Twitch

Twitch es una plataforma que adopta este framework en áreas específicas del ecosistema, principalmente en páginas externas, como marketing y campañas estacionales.

Estas páginas se benefician de la optimización de imágenes y carga bajo demanda, con soporte para modo oscuro (dark mode), rendimiento responsivo y SEO avanzado.

Hashnode

El Hashnode, una de las mayores plataformas de blogs para desarrolladores, está construido sobre Next.js. La empresa aprovecha el SSG para entregar millones de blogs personales con un amplio rendimiento, incluso si tienen temas personalizados y las más variadas extensiones.

Además, el uso de ISR (Regeneración Estática Incremental) permite que las páginas se actualicen de manera dinámica, sin la necesidad de un reconstrucción total.

¿Qué puedes construir en Next.js

Next.js es muy versátil, ya sea para páginas estáticas simples o para aplicaciones corporativas con una complejidad elevada.

Por lo tanto, la flexibilidad del marco permite la unión de la renderización eficiente, modularidad y escalabilidad en cualquier proyecto, lo que lo convierte en una elección perfecta para prototipos y productos a gran escala.

Consulte, justo abajo, los principales tipos de aplicaciones que puedes desarrollar a partir de este marco.

MVPs, sites JAMstack, SaaS e dashboards

Next.js es ideal para aquellas personas que necesitan lanzar un producto mínimo viable (MVP) con más velocidad. Debido a su naturaleza y estructura zero-config, integración con Vercel y soporte para SSR/SSG, es posible desarrollar y poner un proyecto en el aire en solo unas pocas horas.

Además, el framework aún puede ser integrado, de manera perfecta, con la filosofía JAMstack, que da prioridad a la seguridad, rendimiento y escalabilidad con contenido pre-renderizado, distribuido a través de CDN.

Algunos ejemplos de uso dentro de esta categoría son:

• MVPs de startups;
• SaaS con panel de control y áreas privadas;
• Paneles interactivos con gráficos en tiempo real.

E-commerces, portais, SPAs e aplicações complexas

Si tienes el deseo de escalar tu producto a algo aún más robusto, como un comercio electrónico completo, una aplicación PWA o una plataforma interactiva, entonces Next.js sigue siendo una de las mejores opciones.

Esto porque ofrece soporte para:

• Rutas dinámicas con parámetros personalizados;
• Autenticación de usuarios a partir de JWT u OAuth;
• Renderizado híbrido por página (SSR + SSG + CSR);
• Carga optimizada de imágenes y assets a través de CDN.

Algunos de los ejemplos comunes de su aplicación son:

1. E-commerces optimizados para SEO, con catálogos dinámicos y checkout rápido;
2. Portales de contenido y noticias, con una estructura modular;
3. SPAs con rutas protegidas y gestión de estado global.

Interfaces altamente interativas e escaláveis

Con soporte dirigido para componentes dinámicos, reactividad en tiempo real e integración con WebSockets o Firebase, Next.js también crea interfaces reactivas y modernas.

Es posible desarrollar:

• Sistemas de chat en tiempo real;
• Entornos colaborativos;
• Aplicaciones con drag-and-drop, modales, animaciones con Framer Motion;
• Plataformas educativas y cursos en línea con video, cuestionario y navegación modular.

También es posible utilizar el framework para escalar su proyecto de manera simple, con soporte para despliegue sin servidor, microservicios, repositorios monolíticos o distribuidos, y herramientas como Turborepo, ofrecida por la propia Vercel.

Funcionalidades que hacen que Next.js sea poderoso

Lo que diferencia a Next.js de otros frameworks es un conjunto robusto de características que están destinadas para el rendimiento y para la experiencia de su desarrollador.

Dado que, este marco de trabajo está diseñado de manera intuitiva, con una arquitectura capaz de automatizar procesos complejos, reduciendo errores y acelerando el desarrollo.

Justo abajo, conozca las principales características que hacen de este marco una de las herramientas más poderosas del ecosistema JavaScript moderno.

Sistema de roteamento baseado em arquivos

Uno de los recursos más populares en Next.js es su ruteo automático basado en la estructura de archivos, ubicado dentro de la carpeta /pages.

Cada archivo .js o .tsx creado dentro de esta carpeta se transforma, de manera automática, en una ruta de aplicación, sin que haya la necesidad de bibliotecas externas como React Router.

Además de ser extremadamente simple, este sistema permite que las URLs sean limpias, predecibles y de fácil mantenimiento. De esta manera, si deseas crear una ruta personalizada, solo será necesario definir el nombre del archivo con corchetes.

Rotas dinâmicas e aninhadas

A partir de la utilización de corchetes dentro de la estructura de los archivos, Next.js permite la creación de rutas dinámicas, útiles para páginas de productos, usuarios, entradas de blog y mucho más. También es posible anidar estas rutas de forma dinámica.

La lectura de la URL y la carga de la página correspondiente son automáticas, y los parámetros dinámicos están disponibles a través de useRouter o, incluso, en las funciones getStaticProps/getServerSideProps.

Pré-renderização com SSR e SSG

Next.js permite que cada página utilice el método de renderización más adecuado: Renderización del lado del servidor (SSR) o Generación de sitios estáticos (SSG). Ambos modelos tienen soporte nativo y se declaran mediante funciones asíncronas en el componente de la página.

El SSR se utiliza más para contenido personalizado y autenticado en tiempo real. El SSG, por su parte, es ideal para contenido fijo, blogs, SEO y landing pages.

Aun así, si lo deseas, todavía existe la opción de Regeneración Estática Incremental (ISR), responsable de revalidar las páginas estáticas después de un cierto tiempo.

Servir arquivos estáticos com pasta public

Todo y cualquier proyecto Next.js tiene una carpeta especial llamada /public, utilizada para el almacenamiento de activos estáticos como fuentes, imágenes, iconos, documentos PDF y mucho más. Todo lo que se encuentra dentro de ella se puede acceder directamente desde la URL raíz.

Estos archivos se sirven de manera eficiente, sin que haya necesidad de importarlos en tiempo de compilación. Si quieres mostrar una imagen del directorio público, usa el siguiente código:

• <img src="/logo.png" alt="Logo" />

Este código permitirá que tu proyecto esté organizado con claridad, dejando el sistema de build aún más ligero, teniendo en cuenta que los archivos públicos no necesitan ser empaquetados con Webpack.

Importações absolutas e navegação com next/link

Este framework ofrece soporte nativo para importaciones absolutas, lo que ayuda en la organización de archivos y evita los caminos con muchos ../. Para esto, es necesario configurar el archivo jfconfig.json o tsconfig.json, en caso de que estés usando TypeScript.

La navegación entre páginas se realiza a través del componente <Link> del paquete next/link, que evita la recarga completa de la página (full reloads) y ofrece transmisiones aún más rápidas y accesibles.

Estilização via CSS Modules CSS global e style-jsx

Next.js ofrece múltiples enfoques para estilizar sus aplicaciones, siendo totalmente compatible con CSS tradicional, frameworks utilitarios como Tailwind, CSS e incluso soluciones en JS.

De esta manera, gracias a esta variedad, el framework se muestra adaptable a cualquier estilo de trabajo, ya sea orientado a componentes o centralizado.

[TUTORIAL] Cómo crear tu primera aplicación con Next.js

Crear un proyecto Next.js es sorprendentemente rápido y fácil. De esta manera, incluso para aquellas personas que nunca han trabajado con marcos modernos pueden empezar en muy pocos pasos.

Para ayudarte a crear el tuyo, a continuación, presentamos una guía básica con imágenes para subir tu primera aplicación en cuestión de minutos, ¡mira abajo!

Pré-requisitos: Node.js, npm/yarn e npx

Antes de hacer cualquier cosa, verifica si ya tienes instalado:

• Node.js (versión 16 o superior recomendada);
• npm (instalado junto con Node.js) o Yarn;
• npx (ya viene por defecto con npm > 5.2).

En caso de que sea necesario instalar, simplemente descargue el instalador directamente desde el sitio oficial de Node.js.

Comando para iniciar o projeto com create-next-app

Ahora que todo está listo, ejecute el comando a continuación en su terminal:

• npx create-next-app@latest mi-next-app

A lo largo del proceso, recibirás cuestionamientos relacionados con:

• Usar TypeScript (opcional);
• Usar Tailwind CSS (opcional);
• Carpeta /app (para aquellos que usan el nuevo App Router);
• ESLint, SWX, alias.

En caso de que prefieras usar Yarn, opta por:

• yarn create next-app mi-next-app

Después de insertar los códigos deseados, acceda a http://localhost:3000 en el navegador y verá su aplicación Next.js lista para ejecutarse.

Como iniciar o servidor local e visualizar o app

Después de crear el proyecto con create-next-app, el próximo paso es poner en marcha el servidor de desarrollo para visualizar tu aplicación directamente en el navegador. Para ello, ejecuta el siguiente comando:

• npm run dev

Si estás en Yarn:

• yarn dev

Su aplicación estará disponible en http://localhost:3000. A partir de aquí, cualquier cambio realizado en los archivos se reflejará, de manera instantánea, gracias a la recarga automática de Next.js, lo que permite iterar rápidamente el desarrollo de la interfaz.

Estrutura de pastas e arquivos do Next.js

Tan pronto como se cree el proyecto, tendrás acceso a una estructura clara y modular:

Algunos detalles necesitan ser recordados, como:

• La carpeta /pages define las rutas del app;
• /public almacena assets accedidos directamente por URL;
• El next.config.js puede ser utilizado para optimizaciones avanzadas;
• Puedes agregar components/, hooks/, utils/ y otras carpetas de acuerdo con la organización de tu equipo.

Puntos de atención: desventajas de Next.js

Aunque pueda tener varias ventajas y excelentes recursos, Next.js no es una solución perfecta para todo tipo de escenario.

Así como cualquier otra tecnología, tiene limitaciones que deben considerarse incluso antes de su adopción, especialmente en proyectos con restricciones de equipo, presupuesto o arquitectura ya existente.

Vea, justo abajo, algunos puntos de atención que necesitan ser evaluados.

Custo com desenvolvedores especializados

Aunque el framework tenga una curva de aprendizaje suave para aquellos que ya conocen React, hay una escasez relativa de desarrolladores con experiencia en el área, que posean dominio completo de recursos como SSR, SSG, ISR, rutas API y despliegues sin servidor.

De esta manera, el costo de contratación puede ser más alto, los entrenamientos internos serán necesarios y las arquitecturas mal implementadas terminan generando un trabajo innecesario.

Ausência de gerenciador de estado nativo

A diferencia de lo que ocurre en frameworks como el Nuxt (Vue.js), que ofrecen soluciones más integradas, Next.js no incluye por defecto un sistema de gestión de estado global. Esto significa que tendrás que optar entre:

• Redux (mayor robustez, pero más verboso);
• Zustand, Recoil o Jotai (ligeros y modernos);
• API de contexto de React (ideal para estados pequeños).

De esta manera, la flexibilidad puede incluso ser positiva, pero también exige toma de decisiones técnicas desde el principio, lo que puede terminar generando inconsistencias entre los desarrolladores y retraso en la entrega del proyecto.

Poucos plugins prontos em comparação com outros frameworks

El ecosistema de Next.js aún está en desarrollo constante y, aunque hay una comunidad activa, la cantidad de plugins listos es menor que en frameworks más antiguos, como ocurre con WordPress, Gatsby o Nuxt.

Aunque esto sea verdad, es importante recordar que este framework reciente es altamente personalizable y herramientas como Vercel Integrations o Turbopack presentan una rápida expansión dentro de este escenario tecnológico.

¿Cuál es el mejor alojamiento para ejecutar Next.js en producción?

Saber cómo elegir el mejor alojamiento es uno de los factores de mayor relevancia para garantizar un buen rendimiento, estabilidad y escalabilidad en aplicaciones Next.js, especialmente si estás utilizando SSR o API Routes, que requieren un servidor Node.js activo.

Mientras que las aplicaciones estáticas pueden ser útiles en CDNs simples, los proyectos con una renderización dinámica necesitarán un entorno más robusto.

A continuación, consulte los principales requisitos, recomendaciones y alternativas de alojamiento para quienes deseen aplicar en Next.js. 

Por que Next.js exige ambiente com Node.js

Aunque Next.js tenga su base en React, no funciona solo en un navegador. Los proyectos que utilizan SSR o funciones de API (como rutas en /api) necesitan un entorno de ejecución al lado del servidor. Esto significa que Node.js debe estar activo en tiempo real.

Los requisitos para ejecutar Next.js con SSR/API son:

• Node.js (v16 o superior);
• Acceso a terminal (SSH) o panel que permite la ejecución npm run build en npm run start;
• Despliegue de archivos con estructura de compilación (como .next/ y server.js)

Recomendação: VPS HostGator com acesso root

Una de las soluciones más viables para quienes desean ejecutar Next.js en producción, con control total, es la contratación de un servidor VPS con acceso root. HostGator es una de las opciones más conocidas y accesibles de todo Brasil.

Al utilizar el plan VPS, los beneficios son:

• Acceso root vía SSH;
• Instalación completa del entorno Node.js + PM2;
• Despliegue manual o automatizado vía Git;
• Libertad para utilizar bases de datos locales, Nginx, Redis y más;
• Soporte para certificados SSL con Let’s Encrypt;
• Actualización de recursos bajo demanda (más CPU, RAM, almacenamiento).

De esta manera, con HostGator, puedes tener una personalización total de tu entorno, ideal para proyectos más robustos y con un alto tráfico.

Vantagens: escalabilidades, deploy via Git e suporte a build customizada

Al optar por un VPS, puedes obtener varias ventajas prácticas y operativas para mantener tu aplicación estable y fácil de escalar. Entre estos principales beneficios, tenemos:

1. Despliegue a través de Git + GitHub Actions: automatice el envío de códigos con cada push;
2. Soporte para PM2 o Docker: ayuda a mantener la aplicación viva y con reinicio automático;
3. Escalabilidad elástica: ajusta CPU y memoria según crece tu proyecto
4. Soporte a compilaciones personalizadas: utiliza variables de entorno, scripts de pre-compilación, caché y otros;
5. Monitoreo en tiempo real: instala registros con Grafana, Logtail, New Relic o Datadog.

Además de todo esto, a través del acceso root, puedes personalizar el entorno de la manera que quieras, algo que es difícil de encontrar en alojamientos tradicionales.

Como hospedar apps Next.js com build SSR ou API routes

Para los proyectos que utilizan SSR o rutas de API en Next.js, el proceso de alojamiento implica los siguientes pasos:

1. Construye la aplicación: npm run build
2. Inicie el servidor en modo producción: npm start
3. Utilice el PME para mantener el proceso activo (opcional)

4. Configure un proxy inverso con Nginx (opcional)

5. Habilite SSL con Let’s Encrypt o su proveedor.

Conclusión: Next.js es la mejor elección para proyectos modernos con React

A lo largo del contenido, fue fácil percibir que Next.js se está consolidando como el marco más completo y moderno para desarrollar con React.

Dado que, ya sea para construir páginas estáticas y blogs o sistemas de gran escala con SRR y renderización híbrida, es capaz de ofrecer una infraestructura sólida, escalable y altamente performática.

Además, el ecosistema React es muy amplio, pero Next.js se destaca por ser la opción responsable de reducir la complejidad sin sacrificar nada de su flexibilidad, lo que puede ofrecer lo mejor de dos mundos: rapidez de entrega y control técnico completo.

Resumo das vantagens e diferenciais

Descubre las razones que te harán elegir Next.js:

• Renderización híbrida;
• Enrutamiento automático y dinámico;
• Listo para producción;
• Integración con Vercel, Git y CDNs globales;
• Experiencia de desarrollador fluida y escalable;
• Soporte para TypeScript, ESLint, Tailwind CSS, Framer Motion y más;
• Estructura organizada con convenciones claras (pages/, public/, styles/);
• Listos para la internacionalización y SEO avanzado.

Finalmente, la documentación del marco está muy completa y la comunidad está ganando nuevos adeptos rápidamente.

Para quem é ideal: devs, startups, empresas SaaS

Next.js es recomendado para diversos perfiles, ya sea para proyectos personales o soluciones empresariales a gran escala. Vea si encaja en alguno de estos escenarios:

Perfil	Cómo ayuda Next.js
Desarrolladores autónomos o freelancers	Creación rápida de portafolios, blogs, landing pages y MVPs con alto rendimiento y excelente SEO.
Startups	Lanzamiento ágil de productos con SSR, arquitectura moderna, dashboards, i18n y despliegue continuo vía Vercel o VPS.
Empresas SaaS y plataformas digitales	Escalabilidad con rutas protegidas, paneles administrativos, SSR, microservicios e integración con CMS headless.
Equipos enfocados en seguridad y rendimiento	Herramientas nativas de análisis, reportes de Core Web Vitals e integración con PM2, Docker y pipelines CI/CD.

Aprovecha y revisa otras publicaciones que pueden interesarte:

• ¿Qué es CSS y cómo funciona?
• ¿Qué es JavaScript y para qué se utiliza en la programación web?
• ¿Qué son los frameworks y para qué sirven?