What to Choose Between Gridsome and NUXTJS

A quick comparison of the most popular Vue.js frameworks

Luca Spezzano
Feb 12, 2020 · 4 min read
Image for post
Image for post
https://undraw.co/

Gridsome and Nuxtjs are the most popular Vue.js frameworks at this time and will certainly be throughout 2020.

Today many people and companies prefer to start using Vue.js from one of these frameworks.

Why start from a framework?

Let’s see an example

The definition of NUXTJS

Nuxt is a progressive framework based on Vue.js to create modern web applications. It is based on Vue.js official libraries (vue, vue-router and vuex) and powerful development tools (webpack, Babel and PostCSS). Nuxt goal is to make web development powerful and performant with a great developer experience in mind.

The definition of Gridsome

Gridsome is a modern website development framework for creating fast and secure websites that can be deployed anywhere. Static HTML files are generated to create SEO-friendly markup that hydrates into a Vue.js-powered SPA once loaded in the browser.

The differences

Gridsome

Image for post
Image for post
https://gridsome.org/docs/how-it-works/

NUXTJS

  • Server-Side Rendering: a Node.js server will be used to deliver HTML based on your Vue components to the client instead of the pure javascript.
  • Static Site Generation (as Gridsome): it can generate pre-rendered static HTML files, this has SEO benefits because Nuxt will pre-render all pages and include the necessary HTML.
  • Single Page Application (SPA): it can create your website as a Single Page App

As you can see, Nuxt can be a static site generator like Gridsome, but it has many more features and ways of rendering.

Gridsome vs Nuxtjs on Github

Image for post
Image for post
04/02/2020

If we compare the repositories on Github, we can immediately see that Nuxt.js is more starred and forked than Gridsome.

Who is using NUXTJS

Image for post
Image for post
NUXJS users

ps I could not find big Gridsome users

Conclusion

  • If you need to develop a static website, you can indiscriminately choose one of the two, I think they are on the same level, but I prefer Nuxt.
  • If you want to connect them with a Headless CMS and build a JAMstack project, probably Gridsome is more powerful. I think that the GraphQL Data Layer is super handy and straightforward to use, because it allows you to build static content from data sources, so in this case, Gridsome is the choice.

Useful resources

Gridsome

NUXTJS

NotOnlyCSS

This publication includes original articles and tips about…

Sign up for NotOnlyCSS

By NotOnlyCSS

Articles and tips for frontend developers Take a look

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Luca Spezzano

Written by

Frontend developer focused on CSS architecture of scalable and maintainable large scale projects and the development of amazing user interfaces.

NotOnlyCSS

This publication includes original articles and tips about frontend technologies.

Luca Spezzano

Written by

Frontend developer focused on CSS architecture of scalable and maintainable large scale projects and the development of amazing user interfaces.

NotOnlyCSS

This publication includes original articles and tips about frontend technologies.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store