Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


Generates client side redirect html files for redirecting on any static site host like s3 or netlify.

It uses window.location.href = url for redirection and createRedirect action provided by Gatsby


npm install --save gatsby-plugin-contentstack-client-side-redirect

How to use

//  Register this plugin in gatsby-config.js
plugins: [
  `gatsby-plugin-client-side-redirect` // make sure to put last in the array

For contentstack specific only -

Steps -

  1. Create a contenttype named as Redirects
  2. Create a group named as urls_mapping inside Redirects contenttype
  3. Create two text fields as old_url and new_url and save it
  4. Now enter pairs of old and new urls for redirection!

Have a look at the code if you are interested :)

const response = await graphql(`
query redirects {
  allContentstackRedirects {
    edges {
      node {
        urls_mapping {

const allEntries = response.data.allContentstackRedirects.edges
let urls

if (allEntries)
  allEntries.forEach(entry => {
    urls = entry.node.urls_mapping

    if (urls)
      createRedirect({ fromPath: urls.old_url, toPath: urls.new_url, isPermanent: true })
© 2023 Gatsby, Inc.