Deployment #
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!
Use a Build Script #
When deploying your Eleventy site, the goal is to provide your chosen with your project’s build output (the _site
folder by default). The command you run is usually configured via a build script in your package.json
file. It might look like this:
{
"scripts": {
"build": "npx @11ty/eleventy"
}
}
Production Builds #
A standard Eleventy build is a production-ready build. Eleventy doesn’t change its build behavior internally for development versus production.
However, if you want to customize Eleventy to do your own optimizations, you may do so with environment variables.
Providers #
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 an exhaustive list.
Use the Command Line #
Many hosts provide a command line utility to deploy your project. Here are some options:
Community Tutorials #
- GitHub Pages Tutorial byJonathan Snook
- GitLab Pages Sample Project by Benson Muite
- Azure Static Web Apps Tutorial by Chad Schulz