Tengo un sitio web Next.js con varias páginas.
Todas las páginas están en inglés excepto una que está en francés que no tiene una versión en inglés.
¿Cómo puedo configurar el atributo lang de la etiqueta HTML en esa página específica?
Esto no es algo que pueda lograr usando next/head o con un documento personalizado .
Mi clase _document.js actualmente se ve así, por lo que el inglés es el predeterminado para todas las páginas:
import { Html, Head, Main, NextScript } from 'next/document' export default function Document() { return ( <Html lang="en"> <Head /> <body> <Main /> <NextScript /> </body> </Html> ) } Lo que necesitaría es establecer dinámicamente el valor del atributo lang en fr para una página específica.
Creo que para esto, una de las soluciones más fáciles podrían ser los diseños.
Puedes leer más sobre aquí
https://nextjs.org/docs/basic-features/layouts
Y agregue las siguientes etiquetas personalizadas