Nextjs Export Redirect path without extension to path with .html

👋 @saikouah

App Platform doesn’t handle this type of routing. It will only do top-level routing. It sounds like you’ll want to use an internal router like next/router to handle routing inside of your app.

next/link works in the same way as next/router. You only have more freedom with the last one. The problem does not come from there but from the resolution of the routes directly.

1. Go to example.com -> Click link example.com/a => works
2. Go to example.com/a directly => does not work because there is no file that resolves this route.
3. Go to example.com/a.html => works

The only solution for the moment is to deploy a webserver and run the next start command. But in doing so I lose the capability of the cdn? Or create another component that contains the deployment of the output of the next build (_next dir and other files) and have a webserver component that will run next start.

👋🏼 Like @crashoverride said this currently isn’t supported by App Platform however you can configure Next.js to generate the static HTML files in a way that allows you access the routes as /page instead of /page.html.

To enable this option, add the following to next.config.js:

module.exports = {
  trailingSlash: true,
}

This will generate the /page as /page/index.html instead of /page.html.

(documentation reference)

I’ve tested this and you can see an example in this repo: https://github.com/kamaln7/nextjs-static-index.html-example