🇺🇦🇺🇦🇺🇦 Stand with Ukraine 🇺🇦🇺🇦🇺🇦

Eleventy Documentation

Menu

Compare ×4000 file build

Eleventy 1.93s

Gatsby 29.05s

Deployment

Contents

Providers
Related
From the Community

Now that you’ve built a web site with Eleventy (even if it’s one HTML page!) you might be ready to put it on the web for everyone to see! There are a bunch of different ways to do it!

A standard Eleventy build (e.g. running npx @11ty/eleventy) is a production-ready build by default. Eleventy doesn’t change its build behavior internally for development versus production.

If you want to customize Eleventy to do your own local development/production optimizations, environment variables are a common solution to accomplish that goal.

Providers Jump to heading

Take a look at the list below for some ideas on where to deploy your Eleventy project. There are many deployment options available and this is not meant to be an exhaustive list.

Classic Web Hosts Jump to heading

Eleventy can work with any web host that supports static files!

With these hosts deployment is not automatically triggered for you, so after you run the Eleventy build command you’ll need to upload your Eleventy output directory (defaults to _site) to the host manually.

This is a great place to start if you’re not familiar with source control (e.g. git or GitHub).

Screenshot of https://app.netlify.com/drop

Screenshot of https://neocities.org/

NearlyFreeSpeech

Screenshot of https://www.nearlyfreespeech.net/

Jamstack Providers Jump to heading

Jamstack providers can trigger your Eleventy build command automatically when you commit a file to your source control repository (GitHub, GitLab, Codeberg, etc.) and deploy Eleventy’s build output directory for you.

Screenshot of https://app.netlify.com/

Screenshot of https://render-web.onrender.com/

Screenshot of https://begin.com/

Screenshot of https://www.digitalocean.com/community/tutorials/how-to-create-and-deploy-your-first-eleventy-website

Screenshot of https://codeberg.page/

Cloudflare Pages

Screenshot of https://pages.cloudflare.com/

Screenshot of https://docs.edg.io/guides/v7/sites_frameworks/getting_started/eleventy

Azure Static Web Apps

Screenshot of https://azure.microsoft.com/en-us/services/app-service/static/

Screenshot of https://kinsta.com/

Screenshot of https://cloudcannon.com/hosting/

Screenshot of https://pages.github.com/

Screenshot of https://vercel.com/signup

Screenshot of https://docs.gitlab.com/ee/user/project/pages/

Use an npm Script Jump to heading

One common practice when deploying Eleventy via a Jamstack provider is to use an npm script to run your build command. This is configured in your package.json file and could look like this:

Filename package.json

{
  "scripts": {
    "build": "npx @11ty/eleventy"
  }
}

This allows you to configure your host to run npm run build and allows you to make future changes to that command in your code and not the host’s configuration.

Edit on the Web Jump to heading

There are some great Web editors popping up that you can use to run and edit Eleventy projects online! Here are some options:

Screenshot of https://glitch.com/

Screenshot of https://stackblitz.com/

From the Community Jump to heading

GitLab Pages Sample Project by Benson Muite
GitHub Action for Eleventy by @TartanLlama

×36 resources courtesy of 11tybundle.dev curated by Bob Monsour

Automating my site update with gitlab ci/cd — Grigor (2023)
How to schedule posts in Eleventy — Sophie Koonin (2023)
My Neocities workflow: using Eleventy and the CLI to speed up development — Whiona (2023)
SEVEN MILLION NPM DOWNLOADS! — Eleventy (2023)
TinaCMS + 11ty — Clayton Errington (2023)

Expand to see 31 more resources.

Speed up your CloudCannon Builds with Preserved Paths — CloudCannon (2023)
Scheduling Automatic Builds with Static Site Generators — Clayton Errington (2023)
CloudCannon + Eleventy — Clayton Errington (2023)
From Zero to CMS in 2 Minutes with CloudCannon and Eleventy — CloudCannon (2023)
Deploying an 11ty Site to GitHub Pages Using GitHub Actions — Jonathan Snook (2023)
Fetching webmentions with Netlify and Eleventy Edge — Martin Schneider (2023)
Remove trailing slash on 11ty S3 hosted sites using Cloudfront function — Martin Hicks (2023)
Cloudflare Pages error with 11ty build — Simon Cox (2023)
Blogging on the Jamstack with Netlify & Eleventy — David Darnes (2023)
GitLab CI Pipeline for Eleventy — Aaron Goldenthal (2023)
Netlify Eleventy Build Failire — John M. Wargo (2023)
Scheduled Eleventy builds on Vercel with cron-triggered GitHub actions — Cory Dransfeldt (2023)
Using the Codeberg CI — Clayton Errington (2023)
Rebuilding 11ty on a schedule — James Doc (2023)
Hassle-free internationalization with Eleventy 2.0 and Netlify — Lene Saile (2023)
Post previews with Ghost, Eleventy & Netlify — David Darnes (2023)
Letting Eleventy Schedule Its Own Builds — Luke Bonaccorsi (2022)
Testing the Netlify Cache Plugin with Eleventy — Raymond Camden (2022)
Static site delivery automation with Eleventy & Buddy — Buddy (2022)
Add Build Info to an 11ty Site — Aleksandr Hovhannisyan (2022)
Hosting Eleventy on GitHub Pages — Quinn Dombrowski (2022)
How to Create and Deploy Your First Eleventy Website — Ayooluwa Isaiah (2021)
Deploying an 11ty Site to Azure Static Web Apps — Chad Schulz (2021)
Get your Eleventy Site into the real world using a hosting provider like Netlify or Git pages — Mike Street (2021)
Using Cloudflare workers to publish your scheduled 11ty posts — Mike Street (2021)
Quick Tips for Eleventy and Vercel — Raymond Camden (2021)
Trigger a Netlify build every day with IFTTT — 11ty (2021)
Testing my Eleventy-website with Cypress and Netlify — Martin Schneider (2020)
Building a website with a static site generator, part 1: Setup — Juha-Matti Santala (2020)
Deploying an 11ty Site to GitHub Pages — Jonathan Snook (2019)
Deploy a free Gatsby, Hugo, or Eleventy website template in 30 seconds — Phil Hawksworth (2018)

Other pages in Getting Started: