I am currently having issues where my routing is not consistent between my dev and production.
When I route my Navbar such as
<Link href="/contact
>Contact<Link>`
on npm run dev, it would work as how it should.
But I faced trouble where if I have next.config.mjs and I do
output: 'export'
it separates all the pages into “contact.html”, “scholarship.html”, and thus when I deploy my output files into AWS S3, my href would not be able to reroute to /contact.html with the html extension.
So are there any configurations that I need to do to ensure that my routing will be consistent between my dev and production without needing to add in the .html extensions in the href?
PS. I am very new to Next.JS and I am not using any backend to serve my frontend.
JustCruzC is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.