Note as soon as we deviated away we should have altered the page structures.
Previously before when we had no server-side routing NextJS was handling the routing logic:
/categories/apple/watch
Mapped to the following folder inside pages:
- /pages
- /categories
- category.js
- /categories
That would suffice, but now that we have a custom routes defined.
We need to flatten the structure and change the links
- /pages
- category
The server-side route now needs to reflect that change:
server.get('/categories/*', (req, res) => {
return app.render(req, res, '/category');
});To see this working e2e locally:
npm i
npm run dev
If you want to see this running e2e through NGINX, run:
npm i
docker-compise up --build
This will startup on port:80