Deploy Eleventy with Vercel

Create an Eleventy website and deploy it live with Vercel.

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 a Vercel for Git Integration, make sure it has been pushed to a Git repository.

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

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

Once deployed, you will get a URL to see your site live, such as the following: https://eleventy.now-examples.now.sh

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