0
160
ViewsHow to add a page route with html extension on nextjs
I need to convert a non-nextjs page to nextjs. In order to not lose my SEO ranking, I have to create the route with html extension. To make the picture look better, I am adding the folder structure down below.
Unfortunately, this route ending up as 404 on the browser.
What is the problem? Am I allowed to use Next.js routes like that with html extension?
2 answers
Answer question0
This naming convention search-result.html is not allowed for public sub-directories .
There are some ways of showing html file in next but I'm not sure they will workcheck this
But you can easily copy everything inside your <body> tag inside your Next js project and it will work properly . How ever you have to manually add your <meta> and other head tags inside Next js built in <Head/> component .
0
You can do this via the pageExtensions option in nextJS -
I deployed a vercel app to show how this is working
https://html-ext.vercel.app/search-results.html
Steps
- Add the
pageExtensionstonext.config.jsfiles i.e
pageExtensions: ['html', 'jsx', 'js', 'tsx', 'ts'],
- Rename the file under
pagesdirectory to.html.js-search-results.html.jsin this case.