Añadir una redirección 301 en next.js

Tiempo de lectura: < 1 minuto

Vamos a crear una redirección 301 usando next.js y en este caso React.

Lo que conseguiremos es que las URLs anteriores puedan redirigirse a las nuevas, esto nos viene bien por ejemplo para aplicar SEO.

Por ejemplo, vamos a redireccionar una URL que es https://devcodelight.com/hola a https://devcodelight.com/adios

Para ello iremos primero a next.config.mjs y añadiremos lo siguiente:

module.exports = {
  async redirects() {
    return [
      {
        source: '/hola',
        destination: '/adios',
        permanent: true, // <- redirección 301
      },
    ];
  },
};

Con esto nos aseguramos que realiza una redirección limpia para el SEO.