Add Netlify Redirects and Headers to an Eleventy Project

What seems like a simple task can be a little tricky to get right with Eleventy. Learn how to add a _redirects file to Eleventy projects deployed with Netlify.

On the surface, this seems like such a simple task: Create a _redirects or _headers file and drop them into the build directory.

The difficulty is that Eleventy is configured to not copy over any files that begin with an underscore.

Instead, we can use the concept of a static directory. Eleventy can be configured to copy all files within a directory into the build directory using the custom output directory flavor of the manual passthrough file copy option.

The configuration looks like this:


module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy({ static: "/" });

That tells us every file in the static directory (including files with a preceding underscore) will be copied into the root of the build directory.

After adding that option, you can place your _redirects or _headers file into a static directory (e.g. static/_redirects) and it will be copied to your build directory (e.g. _site/_redirects).

Let's Connect

Keep Reading

Add a Static Directory to an Eleventy Project

Copy static files from a directory into the root of the build directory with Eleventy.

Aug 17, 2020

Dynamically Changing a Netlify Form Name

Netlify forms are easy to use because they are simple in scope. Add a little power with this cool trick.

Mar 31, 2021

JavaScript for 11ty with esbuild

As your 11ty application evolves, you’ll want more organization with your JavaScript. Here’s a method for bundling together using esbuild.

Sep 30, 2022