Netlify is an excellent solution for deploying and hosting Gridsome sites. Netlify is a unified platform that automates your code to create high-performant, easily maintainable sites and web apps. They provide continuous deployment (Git-triggered builds), an intelligent, global CDN, full DNS (including custom domains), automated HTTPS, asset acceleration, and more.
Their free tier includes unlimited personal and commercial projects, HTTPS, continuous deployment from public or private repos and more. Here are a few ways to deploy your Gridsome applications to Netlify:
To deploy your Gridsome site to Netlify, go to your Netlify app and click
New site from Git. Select your project repo from either GitHub, GitLab, or Bitbucket.
Add these build settings:
Deploy Site to deploy your application.
Alternatively, you can specify your deploy settings from a
netlify.toml file. Create a file in the root of your project called
netlify.toml, with the following configuation.
[build] publish = "dist" command = "gridsome build"
These commands will tell Netlify to prefill your build settings with the provided configuration when deploying your Gridsome application.
More infomation on
netlify.toml files can be found in the Netlify docs.
Netlify also allows you to deploy Gridsome applications directly from the terminal.
Install the Netlify CLI.
npm install netlify-cli -g
Log in to your Netlify account via the CLI.
In your project's folder run the deploy command.
The default command
netlify deploy will deploy a draft of the site. To deploy a live version, specify the prod flag.
netlify deploy --prod
You do not need to setup any redirect rules for a Gridsome site to work with Netlify. Gridsome generates HTML files for every path on your site so rewrite rules aren't necessary (except for dynamic pages).