Awesome Gridsome

A curated list of awesome things related to Gridsome

Contents

• Official Resources
• Community
• Tutorials
• Starters
• Showcase

Official Resources

• Documentation
• Plugins
• Github repo

Community

• Discord
• Twitter

Tutorials

• Getting Started with Gridsome - A beginners guide to getting started working with Gridsome.
• Working with Ghost and Gridsome - Learn how to build a Gridsome frontend with Ghost as a headless CMS.
• How Gridsome works with GitHub Pages - To deploy the app using Github Pages and maintaining the source code in the same repository.
• Building a Showcase with Gridsome and Netlify - Learn how to build a showcase website using Gridsome and deploy it to Netlify.
• 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 - Learn how to build a Gridsome Blog with Cosmic JS as a headless CMS.
• 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 - Post on querying multiple models.
• Adding Scripts to Specific Pages with Gridsome / Vue - Tutorial on how to add scripts to specific pages.
• Webmentions in Gridsome - How to add Webmentions to your Gridsome powered static site.
• Build your Static Blog With Gridsome - Learn to build a static Gridsome blog with ESLint, TailwindCSS, Forestry, and Storybook.
• Deploy a Gridsome Site - How to deploy a Gridsome site with Cloudflare Pages.

Videos

• Video: Gridsome - Static File Generator for Vue
• Video: Gridsome Course - Learn Gatsby for VueJS
• Video: Netlify CMS - Content Management System Using Gridsome
• Video: How To Setup A Gridsome Site With Wordpress

Starters

Official

• gridsome-starter-default
• gridsome-starter-blog
• gridsome-starter-wordpress
• gridsome-starter-contentful

Community

• gridsome-forestry-starter - Portfolio/blog with forestry.
• gridsome-starter-docs - Documentation starter.
• gridsome-starter-bootstrap - Portfolio/blog with bootstrap.
• gridsome-starter-resume - Portfolio with bootstrap.
• gridsome-starter-bleda - Blog with tailwind.
• gridsome-blog - Blog with cosmicjs.
• gridsome-portfolio-starter - A simple portfolio starter theme for Gridsome.
• gridsome-shopify-starter - A Gridsome starter for Shopify.
• Vue Themes - Fast and responsive themes built with Tailwind CSS and Gridsome

Showcase

• Maizzle - Maizzle.js documentation site (framework for rapid email prototyping).
• sergeyfilimonov.com - Personal website of a fullstack designer.
• Agregador FC - Website to help assemble a team to play Cartola FC, a fantasy soccer game from Brazil. It shows statistics about the teams that will face each other.
• BarbaDev - Personal blog from Fernando M. @packtpub author, built with Tailwind CSS and Gridsome.
• maciejkulczewski.de - Portfolio and showcase build with Gridsome.
• SmokeyFro - The personal portfolio of Chris Rault (aka SmokeyFro).
• Rasul Kireev - Digital Garden - Rasul's Personal Digital Garden.
• manascode.com - Manascode's Personal blog.
• florianmski.fr - Florian Mierzejewski's website.
• bibhuti.me - Bibhuti Poudyal's website.
• Design Systems Repo - A frequently updated collection of Design System examples, articles, tools and talks.
• Tech Jr Podcast - Website for the Tech Jr Podcast, a show about breaking into the tech industry and growing your skillset.
• 1896 Gallery - Website for Scottish art gallery showing art on display.

Contribute

Contributions welcome! Read the contribution guidelines first.

License

To the extent possible under law, Loke Carlsson has waived all copyright and related or neighboring rights to this work.