gridsome
Future of Gridsome
Hello everyone!
I've just started a new project, where I'm considering Gridsome vs Nuxt. I really love what I'm seeing with Gridsome, and would love to start using it, but I'm a bit concerned by the fact that it's been almost 5 months since the last release.
In a tweet from December, it was stated that Gridsome 0.8 would be out soon.
I also see there are discussions regarding Vue 3 support etc., but sadly there doesn't seem to be a lot of momentum on these matters.
It would be much appreciated if the maintainer(s) could give a quick statement on the current state of this project, and on whether there will still be continued investments being made into Gridsome in the future, or not.
Thanks a lot :)
Hi, @hognevevle. I understand your concern about the development of this project. 2020 didn't exactly turn out as we planned... :) We have spent much time building a visual editor for Gridsome/Vue sites. And it has slowed down the development of Gridsome a bit. But we are eager to implement new features as soon as possible, especially Vue 3 support. The vue-next branch has been working well for a while now, but we are waiting to see where vue-meta and @vueuse/head are going to decide which of them that we'll use to handle metadata. But it will hopefully be ready later this spring.
Even though the development is a bit slow atm, we have long-term plans for Gridsome and the visual editor. So we'll probably write a blog post about it when things are a bit more settled. I hope that answers your question :)
Thank you very much for your reply, @hjvedvik -- it was the answer I was hoping for 🙂 I look forward to seeing more of your great work!
Folks, I really love Gridsome! Keep up the good work! You have a fan over here!
Thank you for your answer on this @hjvedvik I'm using gridsome nearly exclusively for more than 50 small businesses in production and in general love the approach of gridsome.
Is there anything we could do to help you guys? As I am heavily invested into this ssg I would be more than happy to work on the project. For me the most pressing issues I would like to update are g-image (support more formats, configure global options like custom defined sizes, working with static assets, picture element support) and an option to remove vue from the production build (fully static html/css websites with vanilla js - it's a rare use case, but I personally need it quite often and would invest time in feature development).
@MrMacStripe
option to remove vue from the production build (fully static html/css websites with vanilla js
This would be lovely for a more easy path.... but! you can kind of do this now (with maybe some extra cruft in the markup for vue-meta and such).
https://gridsome.org/docs/overriding-index/
then remove ${ scripts }. You can also (I think you might, its been a while) remove ${ head } and replace it with any of the following that you need:
htmlAttrs
bodyAttrs
head
title
base
hash
vueMetaTags
vueMetaLinks
resourceHints
styles
vueMetaStyles
vueMetaScripts
noscript
app
script
You can see the code for this, here: https://github.com/gridsome/gridsome/blob/master/gridsome/lib/server/createRenderFn.js
Its undocumented but was put into place in 2019, I think. For the very use case you are mentioning! Hope it helps you in the mean time!
@hjvedvik Thanks for the statement. As a freelance developer, I build custom sites and small business web apps and wanted to depend on an SSG, not the overly used Wordpress, nor did I want to use Gatsby, so to hear that Gridsome is still on track for further development is a good sign, as I'm using it almost exclusively for all my client's static websites. I definitely understand the whole 2020 situation as well as the dependencies on Vue Meta and such (I think Directus is also having similar slow growth on their latest v9.0.0 release because of some libraries and Vue 3 migrations, so you're not the only ones). Thanks and may the project continue to succeed! Hopefully themes, or a concept of it is on the roadmap too.
@courcelan Thanks for that tip! I tried removing ${scripts} which accounted for most of Google Lighthouse's JS criticisms. However, if you remove ${scripts}, and rely on g-image, your site will never load the images; only the blurred-up versions.
@djmtype that may make sense depending on how it creates the HTML element. It most likely relies on JS to switch out the src to a srcset. You may have to do it manually unfortunately.
This thread might be interested in this tweet - https://twitter.com/gridsome/status/1436343468717191172
I can see a bunch of recent commits by the main author (@hjvedvik). I do hope the project is still alive. It is an awesome framework.
Such a pity. But I look at the bright side: We are still happy with Gridsome - just went live 2 month ago coming from Wordpress:
- our page speed is super fast now
- everybody on the team is familiar with VueJS and can make changes
- we have not hit any limits
So we really hope there is more progress in the future, but even if not, we do not miss anything essential (sure a lot of nice to haves ;) )
Same - Gridsome just works and does what I need it to very well. There are things I'd like to use which require Vue 3 but it's by no means anything which is a necessity or blocker. So I keep using Gridsome. Maybe it is premature to criticise Gridsome for not using Vue 3 yet for SSG when Nuxt doesn't offer that either. If that changes, I'll reassess then.
Gridsome. You can't even SSG on the current Nuxt 3.
Nuxi generate will generate an output directory. It can be served via Netlify. https://v3.nuxtjs.org/api/commands/generate#nuxi-generate.
Can anyone suggest any alternatives to migrate from Gridsome? Is Nuxt 3 the best solution? Thank you!
Can anyone suggest any alternatives to migrate from Gridsome? Is Nuxt 3 the best solution? Thank you!
It depends on what you want to do. Nuxt, or Astro with Vue, are 2 great options.
Can anyone suggest any alternatives to migrate from Gridsome? Is Nuxt 3 the best solution? Thank you!
I moved to Next and documented what I had to do to make the change: https://terabytetiger.com/lessons/migrate-from-gridsome-to-nuxt
Newer version of Next it might be slightly out of date, but maybe this will help save someone some time 🎉
Can anyone suggest any alternatives to migrate from Gridsome? Is Nuxt 3 the best solution? Thank you!
For static sites: Astro with Vue For Vue-centric SSR apps: Nuxt (though Astro 4.0 just introduced SSR, so it depends on if you need SPA mode) For documentation focused sites: Vitepress, you can still use it for regular websites but it seems that it has an aesthetic for tech documentation
If you want to try a new framework, go SvelteKit, it's really good. Avoid React like the plague.
Can anyone suggest any alternatives to migrate from Gridsome? Is Nuxt 3 the best solution? Thank you!
I can recommend https://iles.pages.dev, its a simple yet powerful static site generator.
While astro introduced a new component format (.astro) that uses jsx in it, Iles uses Vue single-file-component as the build blocks. Both supports partial hydration aka islands architecture.
For anyone familiar with Vue, lies probably will be easy to adopt. But that said, astro's release cadence has been phenomenal, while lies has been pretty much community driven (just like the rest of Vue ecosystem).
Here is a sample Iles mpa static site - https://natures-delight-with-iles-tailwindcss.netlify.app/ (github repo - https://github.com/Pinegrow/natures-delight-with-iles-tailwindcss).
