¿Cómo deshabilitar la generación de ETag en Next.js?

En este artículo vamos a ver cómo podemos deshabilitar la generación de ETag en Next.js. Siga los pasos a continuación para deshabilitar el Etag en la aplicación Next.js.

ETags: El ETag o etiqueta de entidad es parte de HTTP, el protocolo para la World Wide Web. Es un campo de encabezado de mensaje que especifica un identificador único para una versión específica de un recurso.

Las ETags se utilizan para determinar si un recurso almacenado en caché está actualizado. Si el campo de encabezado de ETag en una respuesta HTTP coincide con el campo de encabezado de ETag en la solicitud, la respuesta se considera nueva. De lo contrario, el recurso se considera obsoleto y se debe recuperar una nueva versión del recurso.

Las ETags también se utilizan para evitar actualizaciones simultáneas de un recurso. Si un cliente intenta actualizar un recurso que otro cliente actualizó previamente, el servidor puede usar el campo de encabezado ETag para determinar si el recurso se actualizó desde la última vez que el cliente accedió a él. Si el recurso no se actualizó, el servidor puede devolver una respuesta 304 (No modificado) al cliente, lo que indica que el cliente debe usar la versión almacenada en caché del recurso.

Creando la aplicación NextJs:

Paso 1: para crear una nueva aplicación NextJs, ejecute el siguiente comando en su terminal:

npx create-next-app GFG

Paso 2: después de crear la carpeta de su proyecto (es decir, GFG), muévase a ella usando el siguiente comando:

cd GFG

Estructura del proyecto: Se verá así.

Ejemplo: para verificar la ETag, agregamos el siguiente código en el archivo index.js de la aplicación.

// Import Link component
import Link from "next/link";
  
export default function Home() {
    return (
        <div>
            <h1>This is a demo - GeeksforGeeks</h1>
            <h2>ETag NextJs</h2>
        </div>
    );
}

Paso para ejecutar la aplicación: Ahora ejecute la aplicación con el siguiente comando:

npm run dev

Producción:

Ejemplo: deshabilite ETag en NextJs, una desventaja de Next.js es que genera etiquetas electrónicas para cada página. Esto puede ralentizar la carga de páginas, especialmente en dispositivos móviles. Si no necesita etags, puede deshabilitar su generación agregando el siguiente código a su archivo next.config.js.

Nombre de archivo: next.config.js

module.exports = {
    reactStrictMode: true,
    generateEtags: false,
}

Paso para ejecutar la aplicación: Ahora ejecute la aplicación con el siguiente comando:

npm run dev

Producción: