Build a JAMStack Blog Site with Gridsome & Tailwindcss

From Zero to Production Worthy in the Matter of Hours

Have you ever wanted to build a blog or portfolio site, but didn’t know what tech stack to use? This course is for you! You will learn how to use the modern JAMStack where you’ll get familiar with Gridsome, one of many static site generators. JAMStack is SOO HOT right now! It’s the future of web development, and this is the perfect time to dive in. I’ll walk you through step-by-step, line-by-line, from zero to fully functional blog site that will be deployed LIVE via Netlify.

What you’ll learn

  • Using a static site generator (Gridsome) to build fast, secure, and reliable websites..
  • How to install, configure, and use Tailwindcss..
  • How to query data via GraphQL..
  • How to connect to a headless Content Management System (CMS) and pull data into the site..
  • The process to install and use Font Awesome to bring in cool .svg icons to the site..
  • How to add a comments plugin (Disqus) so readers can comment on blog posts..

Course Content

  • Introduction –> 2 lectures • 14min.
  • Setup –> 6 lectures • 14min.
  • Navigating the Project –> 2 lectures • 7min.
  • Connecting to the Headless CMS – Contentful –> 3 lectures • 13min.
  • Coding our Site Header and Footer –> 2 lectures • 21min.
  • Coding our Landing Page –> 4 lectures • 29min.
  • Creating a Blog.vue Pages and Adding in GraphQL Queries –> 3 lectures • 33min.
  • Final Thoughts & Bonus Material –> 4 lectures • 32min.

Build a JAMStack Blog Site with Gridsome & Tailwindcss

Requirements

  • Basic HTML knowledge is preferred, but not required..
  • Basic understanding of the terminal is preferred, but not required..

Have you ever wanted to build a blog or portfolio site, but didn’t know what tech stack to use? This course is for you! You will learn how to use the modern JAMStack where you’ll get familiar with Gridsome, one of many static site generators. JAMStack is SOO HOT right now! It’s the future of web development, and this is the perfect time to dive in. I’ll walk you through step-by-step, line-by-line, from zero to fully functional blog site that will be deployed LIVE via Netlify.

Get Tutorial