Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/loke-dev/awesome-gridsome

A curated list of awesome things related to Gridsome
https://github.com/loke-dev/awesome-gridsome

List: awesome-gridsome

awesome awesome-list gridsome showcase starters static-site-generator tutorial vue welcome-pr

Last synced: about 1 month ago
JSON representation

A curated list of awesome things related to Gridsome

Awesome Lists containing this project

README 

        


  


    

  


  


  





# Awesome Gridsome [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)



> A curated list of awesome things related to [Gridsome](https://gridsome.org)



## Contents



- [Official Resources](#official-resources)

- [Community](#community)

- [Tutorials](#tutorials)

- [Starters](#starters)

- [Showcase](#showcase)



### Official Resources



- [Documentation](https://gridsome.org/docs)

- [Plugins](https://gridsome.org/plugins)

- [Github repo](https://github.com/gridsome/gridsome)



### Community



- [Discord](https://discordapp.com/invite/daeay6n)

- [Twitter](https://mobile.twitter.com/gridsome)



### Tutorials



- [Getting Started with Gridsome](https://scotch.io/tutorials/getting-started-with-gridsome) - A beginners guide to getting started working with Gridsome.

- [Working with Ghost and Gridsome](https://ghost.org/docs/api/gridsome/) - Learn how to build a Gridsome frontend with Ghost as a headless CMS.

- [How Gridsome works with GitHub Pages](https://medium.com/jsessentials/how-gridsome-works-with-github-pages-aeacaf6f3622) -  To deploy the app using Github Pages and maintaining the source code in the same repository.

- [Building a Showcase with Gridsome and Netlify](https://medium.com/the-web-tub/building-a-showcase-site-with-gridsome-netlify-977d51432838) - Learn how to build a showcase website using Gridsome and deploy it to Netlify.

- [Building a Blog with Vue and Markdown Using Gridsome](https://www.telerik.com/blogs/building-a-blog-with-vue-and-markdown-using-gridsome) - Learn how to build a blog using Markdown and GraphQL, and then deploy it to Netlify.

- [Build a Blazing Fast Blog With Cosmic JS and Gridsome](https://cosmicjs.com/articles/build-a-blazing-fast-blog-with-cosmic-js-and-gridsome) - Learn how to build a Gridsome Blog with Cosmic JS as a headless CMS.

- [The Case for ButterCMS and Gridsome](https://buttercms.com/blog/the-case-for-buttercms-and-gridsome) - Learn how manage your Gridsome app with a headless CMS like ButterCMS.

- [Multiple Graphql Queries on a Single Page with Gridsome](https://rasulkireev.com/multiple-gridsome-queries/) - Post on querying multiple models.

- [Adding Scripts to Specific Pages with Gridsome / Vue](https://rasulkireev.com/gridsome-page-scripts/) - Tutorial on how to add scripts to specific pages.

- [Webmentions in Gridsome](https://pixelhop.io/writing/2020/05/get-started-with-webmentions-in-gridsome/) - How to add Webmentions to your Gridsome powered static site.

- [Build your Static Blog With Gridsome](https://mannes.tech/gridsome-tutorial/) - Learn to build a static Gridsome blog with ESLint, TailwindCSS, Forestry, and Storybook.



### Videos

- [Video: Gridsome - Static File Generator for Vue](https://www.youtube.com/watch?v=uF3K3IpRfhE)

- [Video: Gridsome Course - Learn Gatsby for VueJS](https://www.youtube.com/watch?v=jKmivk5bjo8)

- [Video: Netlify CMS - Content Management System Using Gridsome](https://www.youtube.com/watch?v=ryP1RMA7P9Y)

- [Video: How To Setup A Gridsome Site With Wordpress](https://www.youtube.com/watch?v=vy39yigro_8)



### Starters

#### Official

- [gridsome-starter-default](https://github.com/gridsome/gridsome-starter-default)

- [gridsome-starter-blog](https://github.com/gridsome/gridsome-starter-blog)

- [gridsome-starter-wordpress](https://github.com/gridsome/gridsome-starter-wordpress)

- [gridsome-starter-contentful](https://github.com/gridsome/gridsome-starter-contentful)



#### Community

- [gridsome-forestry-starter](https://github.com/itsnwa/gridsome-forestry-starter) - Portfolio/blog with forestry.

- [gridsome-starter-docs](https://github.com/LokeCarlsson/gridsome-starter-docs) - Documentation starter.

- [gridsome-starter-bootstrap](https://github.com/LokeCarlsson/gridsome-starter-bootstrap) - Portfolio/blog with bootstrap.

- [gridsome-starter-resume](https://github.com/LokeCarlsson/gridsome-starter-resume) - Portfolio with bootstrap.

- [gridsome-starter-bleda](https://github.com/cossssmin/gridsome-starter-bleda) - Blog with tailwind.

- [gridsome-blog](https://github.com/cosmicjs/gridsome-blog) - Blog with cosmicjs.

- [Vue Themes](https://vuethemes.org/gridsome-themes) - Fast and responsive themes built with Tailwind CSS and Gridsome



### Showcase

- [Maizzle](https://maizzle.com/) - Maizzle.js documentation site (framework for rapid email prototyping).

- [sergeyfilimonov.com](https://sergeyfilimonov.com) - Personal website of a fullstack designer.

- [Agregador FC](https://atilacamurca.github.io/agregador-fc/) - Website to help assemble a team to play [Cartola FC](https://cartolafc.globo.com/), a fantasy soccer game from Brazil. It shows statistics about the teams that will face each other.

- [BarbaDev](https://barbadev.netlify.com/) - Personal blog from Fernando M. @packtpub author, built with Tailwind CSS and Gridsome.

- [maciejkulczewski.de](https://maciejkulczewski.de) - Portfolio and showcase build with Gridsome.

- [SmokeyFro](https://smokeyfro.com) - The personal portfolio of Chris Rault (aka SmokeyFro).

- [Rasul Kireev - Digital Garden](https://rasulkireev.com) - Rasul's Personal Digital Garden.

- [manascode.com](https://manascode.com) - Manascode's Personal blog.

- [florianmski.fr](https://florianmski.fr) - Florian Mierzejewski's website.

- [bibhutipoudyal.com.np](https://bibhutipoudyal.com.np) - Bibhuti Poudyal's website.



## Contribute



Contributions welcome! Read the [contribution guidelines](contributing.md) first.



## License



[![CC0](https://mirrors.creativecommons.org/presskit/buttons/88x31/svg/cc-zero.svg)](https://creativecommons.org/publicdomain/zero/1.0)



To the extent possible under law, [Loke Carlsson](https://loke.dev) has waived all copyright and

related or neighboring rights to this work.