0
157
ViewsCómo agregar una ruta de página con extensión html en nextjs
Necesito convertir una página que no sea nextjs a nextjs. Para no perder mi ranking SEO, tengo que crear la ruta con extensión html. Para que la imagen se vea mejor, estoy agregando la estructura de carpetas a continuación.
Desafortunadamente, esta ruta termina como 404 en el navegador.
¿Cuál es el problema? ¿Puedo usar rutas Next.js como esa con la extensión html?
2 answers
Answer question0
Esta convención de nomenclatura search-result.html no está permitida para los subdirectorios públicos. Hay algunas formas de mostrar el archivo html a continuación, pero no estoy seguro de que funcionen, verifique esto
Pero puede copiar fácilmente todo dentro de su etiqueta <body> dentro de su proyecto Next js y funcionará correctamente. Sin embargo, debe agregar manualmente su <meta> y otras etiquetas de encabezado dentro del componente <Head/> incorporado de Next js .
0
Puede hacerlo a través de la opción pageExtensions en nextJS -
Implementé una aplicación vercel para mostrar cómo funciona esto
https://html-ext.vercel.app/search-results.html
Pasos
- Agregue las extensiones de
next.config.jspageExtensionses decir
pageExtensions: ['html', 'jsx', 'js', 'tsx', 'ts'],- Cambie el nombre del archivo en el directorio de
pagesa.html.js-search-results.html.jsen este caso.