Deploy Gridsome Sites with Vercel

Gridsome is an open source Vue.js site generator which gives developers the power to build sites that are fast by default.

In this guide, you will discover how to create a Gridsome site and deploy it with Vercel.

Step 1: Set Up Your Gridsome Project

Set up a Gridsome project using the Gridsome CLI and move into the project directory.

gridsome create gridsome-project && cd gridsome-project

Creating a Gridsome project and moving into the project directory.

Step 2: Deploying Your Gridsome Project with Vercel

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

Import the project into Vercel using your Git 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: https://gridsome.now-examples.now.sh

Set up a Gridsome 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.