Redirect Example for AHS

ahs_zesty_redirect.js

// fetchRedirects, get the list of all redirects set in the content manager, loads into next.config.js
async function fetchZestyRedirects() {

  // access the headless url map
 let redirectsAPIURL = 'https://ahscom.zesty.dev/-/headless/redirects.json';
 try {
   const req = await fetch(redirectsAPIURL);
   let redirects = await req.json();
   let redirectsForNext = []
   redirects.forEach(r => {
    redirectsForNext.push({
      source: r.path,
      destination: r.target,
      permanent: r.code == 301 ? true : false,
    })
   })
   return redirectsForNext;

 } catch (err){
   console.log(err)
   return []
 }
}

module.exports = { fetchZestyRedirects };

Example implementation

/ next.config.js
const { fetchZestyRedirects } = require('./lib/zesty/fetchRedirects');

module.exports = {
  async redirects() {
    let myRedirects = [
      {
        source: '/about',
        destination: '/',
        permanent: true,
      },
    ];
    const zestyRedirects = await fetchZestyRedirects();
    
    myRedirects.concat(zestyRedirects );
    return myRedirects
  },
  ...
}

More docs: https://zesty.org/tools/next.js-integration/manager-redirects-in-next.js