Deploy Your Eleventy Site

Eleventy builds to fast, static HTML, so it runs on virtually any host. Pick a platform below for a step-by-step guide, or use the shared build settings to deploy anywhere.

Choose a platform

Both options connect to your Git repository and redeploy automatically on every push.

Netlify

Recommended

Hosting and serverless backend services for static sites and web apps. Auto-deploys on push with a generous free tier.

Git deploysFunctionsForms

Read the Netlify guide

Vercel

Recommended

Frontend cloud with a global Edge Network. Detects Eleventy and ships a preview URL for every push.

Git deploysEdgePreviews

Read the Vercel guide

Universal build settings

Hosts auto-detect Eleventy, but they guess _site as the output folder. This kit publishes to public, so set these two values by hand:

Build command

npm run build

Publish directory

public

Static by design

Eleventy generates pure static HTML, there is no server runtime to configure. When you need a little dynamic behavior, layer it on with your host's serverless functions; each guide covers the exact steps.

Static output

The default, and the only mode. Eleventy prerenders every page to HTML at build time, so you deploy the _site folder to any static host or CDN.

Serverless functions

Add backend logic with netlify/functions on Netlify or an api/ folder on Vercel for forms, APIs, and auth.