A Jamstack framework for Vue.js

Gridmix makes it easy for developers to build static generated websites & apps that are fast by default 🚀

Open-source MIT Licensed. GitHub (v0.8.0-alpha.0)

Bring your data

CMSs

Any Headless CMS, Contentful, WordPress, Drupal, Sanity.io, etc.

Data

Any APIs, Databases, AirTable, YAML, CSV, JSON, etc.

Markdown

Any Git-based CMS, Forestry, Netlify CMS, Blogs, Documentation.

Build

Powered by
GraphQL

  • HTML
  • Vue.js
  • CSS

Easy, local development

Build websites with modern tools like
Vue.js, GraphQL & all the power of Node.js & the JavaScript ecosystem. Develop locally and get instant hot-reloading for any code change.

Fast by default

Gridmix builds ultra performance into every page by using the PRPL pattern. You get code splitting, asset optimization, progressive images, and link prefetching out of the box. Gridmix sites get almost perfect page speed scores by default.

PWA-ready

Gridmix generates static PWAs. Only critical HTML, CSS, and JavaScript get loaded first. The next pages are then prefetched so users can click around incredibly fast without page reloads, even when offline.

Build on the Jamstack

The future of the web is JavaScript, APIs, and Markup - the Jamstack. Gridmix uses the power of blazing fast static site generation, JavaScript and APIs to create stunning modern web experiences.

Simple, safe deployment

No servers. No databases. Only files. Deploy your entire site to a CDN and forget about it. A Gridmix site can handle thousands to millions of hits without breaking - and no expensive server costs.

SEO-friendly

Gridmix sites load as static HTML before they hydrate into fully Vue.js-powered SPAs. This makes it possible for search engines to be able to crawl content and give better SEO ranking, and still have all the power of Vue.js.

Connect the modern web

The modern web is decoupled and modular. Gridmix makes it painlessly easy to build Jamstack websites using data from multiple sources such as Content API's, Headless CMSs, and other web services.

Browse Gridmix Plugins

The Modern Web Logos
The Modern Web Background

A better way to build websites & apps

Gridmix makes it simple & fast to build modern websites for any data source.

src/pages/Blog.vue
<template>
  <Layout>
    <h1>My blog</h1>
     <div v-for="{ node } in $page.allPost.edges" :key="node.id">
      <h3>{{ node.title }}</h3>
       <g-link :to="node.path">Read more</g-link>
     </div>
  </Layout>
</template>

<!-- Query from local GraphQL data layer. -->
<page-query>
query {
  allPost {
    edges {
      node {
        id
        title
        path
      }
    }
  }
}
</page-query>

Latest from Gridmix blog

Read more

Say hello to Gridmix 🐦‍🔥💚

Gridmix is a revival fork of Gridsome aiming to resurrect the warm and fuzzy feeling around building static websites with less hassle and more satisfaction.

Posted 12. June 2026 by FyodorFyodor - 1 min read

Read more

How to integrate Infinite Loading with Gridsome

Infinite loading is an alternative strategy for loading additional nodes/content onto a page without the use of traditional pagination. Infinite loading instead loads the next batch of content when a user scrolls to the bottom of a web page.

Posted 8. October 2019 by Cody BarrCody Barr - 3 min read

Read more

Gridsome v0.7

Version 0.7 is finally here! Enjoy Vue Components in Markdown, new Schema API, File-based dynamic routing, better Template config, Custom App.vue, Shareable Network URL and more!

Posted 17. September 2019 by Hans-Jørgen VedvikHans-Jørgen Vedvik and Tommy VedvikTommy Vedvik - 6 min read

Performance Matters