Build
insanely fast
websites & apps
with Vue.js

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

Logos

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.

deploy-logosLearn 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
GraphQL Browser

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
Safe deployment

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.

Read more

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!

Read more