Build
static & secure
websites & apps
with Vue.js

Open-source MIT Licensed. GitHub (v0.5.5)

Easy, local development

Enjoy modern dev tools like Vue.js,
GraphQL & webpack. Get instant hot-reloading for any data change while developing. Gridsome makes building websites fun again.

Bring your own data

Load data from any Headless CMS, APIs, static files, a database, or from multiple places at once. Gridsome combines them all into a simple, local GraphQL data layer that pages and components can access.

Fast by default

Gridsome is a modern site generator for building the fastest possible websites. You get code-splitting & progressive image support built-in to get close to perfect page speed scores.

PWA-ready

Gridsome is a static PWA generator. It pre-renders all pages to load as fast as possible. Once loaded, the next pages are prefetched in background so clicking around the site feels super fast.

Simple, safe deployment

Gridsome is a JAMstack framework. No servers. No databases. Only files. Deploy your entire site to a CDN and forget about it. Traffic or hacking will never break your site.

SEO-friendly

Gridsome outputs static HTML before it hydrates into a fully Vue.js-powered SPA. This makes search engines able to crawl content and give better SEO ranking because of the fast loading.

High performance baked-in ⚡️🚀

Gridsome makes it easy and fun for developers to create fast, beautiful websites without needing to become a performance expert.

Insanely fast page loading by default
Automatic code-splitting
Automatic critical CSS export
Automatic next page prefetching

Progressive image loading
Built-in image compression
Built-in asset minification
Offline-ready PWA support

How Gridsome works

Connect to any CMS or data source and use Vue.js for frontend. Deploy to any static web host for blazing fast, scalable, cheap and secure hosting.

Data sources

CMSs

WordPress, Contentful, Drupal, Prismic, GraphCMS, etc.

Local files

Markdown, YAML, CSV, JSON, Image folders, etc.

APIs

AirTable, Google Spreadsheet, MongoDB, Prisma, etc.

Develop

GraphQL
data layer

Vue.js
webpack
Hot-reloading

Deploy

Static web hosting

Generate static files and deploy to any global CDN or FTP.

Learn more about deployment

All your data in one place

Gridsome brings all your data into a unified GraphQL data layer. The data can be browsed and explored in a simple local interface (GraphQL Playground) and inserted to any Vue Component.

Pull data from any CMS, files or data APIs
Browse data and test queries locally
Query only the data fields you need
Built-in pagination support for queries

Build with Vue.js

Vue.js is an approachable, fast and lightweight front-end framework. It's incredibly popular, got a huge community behind it and is used by major companies. Vue.js builds upon classic web technologies meaning that the learning curve for development teams are small.

Instant hot-reloading for incredible developer experience
Approachable for anyone. It's just HTML and CSS
Awesome dev community. Find a library for any use case
Ultra lightweight. Only 20KB min+gzip runtime

<template>
  <Layout>
    <h1 v-html="$page.post.title"/>
    <div v-html="$page.post.content"/>
  </Layout>
</template>

<style lang="scss">
	h1 { font-size: 32px }
</style>

<page-query>
query WordPressPost ($path: String!) {
  post: wordPressPost (path: $path) {
    title
    content
  }
}
</page-query>

A future-ready stack

JAMstack is modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup. No servers. No databases. Only files. Deploy your entire site to a CDN and forget about it. Traffic or hacking will never break your site.

Blazing fast generating. Build thousands of pages in seconds
Better Performance. Faster page loading by default
Higher Security. Very few surface areas for attacks
Cheaper, Easier Scaling. Static files are the cheapest to host

Latest posts

Gridsome v0.5

Posted 19. February 2019 by Hans-Jørgen Vedvik and Tommy Vedvik - 3 min read

We're really excited to release Gridsome 0.5. The biggest update yet. It has many important features that make data handling easier and a lot more flexible. It opens up a whole new world of what you can build with Gridsome. Easily build Taxonomy pages and connections for any data.

Say hello to Gridsome 👶🎉💚

Posted 10. October 2018 by Tommy Vedvik - 3 min read

A new static site generator baby is born. It's highly inspired by Gatsby.js (React based) but built on top of Vue.js. We have been working on it for a year and will have a beta ready soon. You can expect this baby to grow up fast!

Build static & secure websites & apps with Vue.js