Deploy Eleventy with Vercel

Create an Eleventy website and deploy it live with Vercel.

Check out the Live Demo or...

Eleventy is a simpler static site generator, created to be a JavaScript alternative to Jekyll.

Step 1: Set Up Your Eleventy Project

Set up an Eleventy site with npx and move into the project directory:

npx degit 11ty/eleventy-base-blog my-11ty-project && cd my-11ty-project

Initializing an Eleventy site with npx and moving into the project directory.

Step 2: Deploying Your Eleventy Site with Vercel

To deploy your Eleventy site with Vercel for Git, make sure it has been pushed to a Git repository.

Import the project into Vercel using your Git provider of choice:

After your project has been imported, all subsequent pushes to branches will generate Preview Deployments, and all changes made to the Production Branch (commonly "main") will result in a Production Deployment.

Once deployed, you will get a URL to see your site live, such as the following:

Set up a Eleventy site with a few clicks using the Deploy button, and create a Git repository for it in the process for automatic deployments for your updates.

Written By
Written by mcsdevmcsdev