Prologue

Introduction Core concepts Fast by default Deployment

Basic Gridsome

Directory structure Project configuration Pages Collections Templates Layouts Components Linking Dynamic Routing Image processing Populating <head> Environment Variables

Working with data

GraphQL data layer Importing data Querying data Filtering data Taxonomy pages Paginate data Global metadata Client-side data

Styles and Assets

Use CSS in Gridsome Add custom fonts Add external scripts Add SVG icons

Guides

Add a form Add a search * Add comments Add Netlify CMS Overriding index.html Overriding App.vue Page transitions body & html attributes

API Reference

Gridsome CLI Server API Data store API Schema API Pages API Client API Transformer API

Deploy

Netlify AWS Amplify ZEIT Now Amazon S3 GitLab Pages Github Pages Google Cloud Platform

Contribute

How to contribute How to create a plugin Code of conduct

Help

Prerequisites How to upgrade Troubleshooting Dev tools FAQ

Deploy to ZEIT Now

ZEIT Now is a cloud platform for websites and serverless APIs, that you can use to deploy your Gridsome projects to your personal domain (or a free .now.sh suffixed URL).

This guide will show you how to get started in a few quick steps:

Step 1: Installing Now CLI

To install their command-line interface with npm, run the following command:

npm i -g now

Step 2: Deploying

You can deploy your application by running the following command in the root of the project directory:

now

Alternatively, you can also use their integration for GitHub or GitLab.

That’s all!

Your site will now deploy, and you will receive a link similar to the following: https://gridsome.now-examples.now.sh

Out of the box, you are preconfigured for client-side routing compatibility and appropriate default caching headers. This behaviour can be overwritten like this.

Edit this page on GitHub