BrianMitchL/Eleventy Redirect From.md

## Eleventy Redirect From.md

      
    Raw
  

              Eleventy Redirect From.md
            
          
    Eleventy Redirect From

Use this template for drop-in replacement from the jekyll-redirect-from style of creating
redirect files from old routes to the route of the current page.
In the front matter or data of a page, add one or many redirects:
Single
redirect_from: /old-url/page
Multiple
redirect_from: [/old-url/page, /some-other-page]

  
## eleventy-redirect-from.njk
---js
{
  pagination: {
    data: "collections.all",
    size: 1,
    alias: "redirect",
    before: function (data) {
      return data.reduce((redirects, page) => {
        if (Array.isArray(page.data.redirect_from)) {
          for (let url of page.data.redirect_from) {
            redirects.push({ to: page.url, from: url });
          }
        } else if (typeof page.data.redirect_from === 'string') {
          redirects.push({ to: page.url, from: page.data.redirect_from });
        }
        return redirects;
      }, []);
    },
    addAllPagesToCollections: false,
  },
  permalink: "{{ redirect.from }}/index.html",
  eleventyExcludeFromCollections: true,
}
---
<!DOCTYPE html>
  <html lang="en-US">
  <meta charset="utf-8">
  <title>Redirecting&hellip;</title>
  <link rel="canonical" href="{{ redirect.to | url }}">
  <script>location="{{ redirect.to | url }}"</script>
  <meta http-equiv="refresh" content="0; url={{ redirect.to | url }}">
  <meta name="robots" content="noindex">
  <h1>Redirecting&hellip;</h1>
  <a href="{{ redirect.to | url }}">Click here if you are not redirected.</a>
</html>
	---js
	{
	pagination: {
	data: "collections.all",
	size: 1,
	alias: "redirect",
	before: function (data) {
	return data.reduce((redirects, page) => {
	if (Array.isArray(page.data.redirect_from)) {
	for (let url of page.data.redirect_from) {
	redirects.push({ to: page.url, from: url });
	}
	} else if (typeof page.data.redirect_from === 'string') {
	redirects.push({ to: page.url, from: page.data.redirect_from });
	}
	return redirects;
	}, []);
	},
	addAllPagesToCollections: false,
	},
	permalink: "{{ redirect.from }}/index.html",
	eleventyExcludeFromCollections: true,
	}
	---
	<!DOCTYPE html>
	<html lang="en-US">
	<meta charset="utf-8">
	<title>Redirecting…</title>
	<link rel="canonical" href="{{ redirect.to \| url }}">
	<script>location="{{ redirect.to \| url }}"</script>
	<meta http-equiv="refresh" content="0; url={{ redirect.to \| url }}">
	<meta name="robots" content="noindex">
	<h1>Redirecting…</h1>
	<a href="{{ redirect.to \| url }}">Click here if you are not redirected.</a>
	</html>