How to Deploy a Hugo Site with Vercel

Create a Hugo website and deploy it live with Vercel.

This guide will show you how to deploy a Hugo site and get your domain set up.

Hugo is a very popular framework for creating static websites. It's fast and flexible. To build a Hugo site, start with a template:

Deploy Hugo to Vercel

Vercel is a platform for deploying the fastest Hugo sites. You can deploy your site with zero configuration to the best frontend infrastructure.

  • Develop: Build Hugo sites that connect to your favorite APIs, databases, and content management systems.
  • Preview: Integrate with any GitHub, GitLab, or Bitbucket repository for instant continuous deployment.
  • Ship: Deploy your site to every edge node worldwide for the fastest Hugo sites. Static files, Serverless and Edge Functions, and more.

Built-in CI/CD for Hugo sites

Vercel has integrations for GitHub, GitLab, and Bitbucket to enable CI/CD for your Hugo site with zero configuration. Then, you can run automated tests for performance and reliability on every push. Pull and merge requests are deployed instantly to a unique URL, accessible to your entire team.

Add your custom domain

After deploying, your new Hugo site will get automatically assigned a .vercel.app suffixed domain. You can then add a Custom Domain on your choice, either from a third-party or purchased through Vercel.

Deploy Hugo to Vercel

Start from a template

Vercel CLI

  1. Install the Vercel CLI and run vercel to deploy.
  2. Vercel will detect that you are using Hugo and will enable the correct settings for your deployment.
  3. Your site is deployed! (e.g. hugo-template.vercel.app)

Vercel for Git

  1. Push your code to your git repository (GitHub, GitLab, BitBucket).
  2. Import your Hugo project into Vercel.
  3. Vercel will detect that you are using Hugo and will enable the correct settings for your deployment.
  4. Your site is deployed! (e.g. hugo-template.vercel.app)


Written By
Written by unicodeveloperunicodeveloper