Hugo is known as the fastest static website generator in the world. It is indeed very fast and supports multiple themes to meet different user needs. This article will explain how to deploy a Hugo static website on Vercel.
Vercel is a user-friendly deployment platform that supports various frameworks, including Hugo, Gatsby, Next.js, and more. It offers convenient deployment speed and supports custom domains, making it an ideal platform for deploying static websites.
Register a Vercel Account
First, visit the Vercel website and click the “Sign Up” button in the top right corner. You can either log in with your GitHub account or register a new account.
Import the Hugo Project from GitHub
Choose the Hugo Framework
In the Build & Development Settings, select the Hugo framework as shown in the following image:
Leave the other settings as default and click the “Deploy” button". Wait for the deployment to complete.
Configure Custom Domain
In the project’s Settings -> Domains, you can configure a custom domain by binding your domain’s A record to Vercel’s IP.
That’s it! You have successfully deployed a simple Hugo static website.