Fix trailing slashes with an edge function

[MarcL]

By default Next.js will redirect urls with trailing slashes to their counterpart without a trailing slash. For example /about/ will redirect to /about. This has caused issues (see below).

@ascorbic created a proof of concept to add or remove trailing slashes in an edge function. This can be used to enable or disabled trailing slashes based upon the Next.js configuration.

Documentation

https://github.com/ascorbic/slash-edge
https://nextjs.org/docs/api-reference/next.config.js/trailing-slash

Related Issues

#1329
#998
#1144
#1788

[nickytonline]

From @ascorbic

This can probably wait until the Edge router is done.

[mike-essen]

Highly needed due to SEO requirements. Please don't forget

[MarcL]

We won't @mike-essen. It'll roll out with our work on edge routing. 👍

[PFJoey]

Is there any ETA on the work on edge routing? 👍

[MarcL]

Not yet @PFJoey. We'll keep you updated as we know more.

[hk86]

What is the status on this one?

[orinokai]

@hk86 we are currently working on a new edge router that will allow us to handle more complex routing cases and will include better trailing slash handling. in the meantime you can use the following edge function to add or strip trailing slashes on static pages https://github.com/ascorbic/slash-edge

[jessicaribeiroalves]

Any idea about when this is going to be resolved?

[devotox]

I have fixed some issues with ascorbic's functions that handles querystrings and _redirects

Netlify Edge Functions