Sharing Is Caring:

Building a Static Website w/ Blog Using Vue JS and Gridsome

  • Harness the power of Vue and GraphQL to build blazing-fast websites with Gridsome static site generator
  • Free tutorial
  • Rating: 4.3 out of 54.3 (55 ratings)
  • 4,665 students
  • 1hr 4min of on-demand video
  • Created by Carter SnookCoding United
  • English

What you’ll learn

  • Blazing-Fast Sites with Gridsome
  • Vue JS Basics
  • GraphQL Basics


  • Some HTML, CSS, JS knowledge
  • Node JS Experience
  • Code Editor


In this course, I will be teaching you how to create a static website that includes a home & about page, a dynamic markdown-powered blog, server-side generated pages, and much more!  We will build our site using an intuitive framework built using Vue JS.  If you are currently studying Nuxt JS, then stop right now!  Gridsome is the answer that trumps all other static site generators because of its smooth generation and blazing-fast speed.  Now, start this course and learn about Gridsome now!

Who this course is for:

  • Web Developers
  • Front End Developers
  • Back End Developers

Show less

Course content

4 sections • 10 lectures • 1h 3m total lengthCollapse all sections

Introduction1 lecture • 2min

  • Introduction02:24

Configuring & Studying Gridsome4 lectures • 27min

  • Setting Up Gridsome02:56
  • The Directory Structure08:44
  • Building a Header Component07:18
  • Configuring Sass08:04

Building the Blog4 lectures • 26min

  • Creating Routes for Blog Posts06:12
  • Getting the Blog Posts08:09
  • Building the Blog Roll06:29
  • Integrating Disqus Comments (Free)05:13

Gridsome APIs (Bonus Features)1 lecture • 8min

  • Using the Pages API08:04
Read Also -->   Microsoft Excel - Functions

👇👇👇👇 Click Below to Enroll in Free Udemy Course 👇👇👇👇

Go to Course

👇👇 See Also 👇👇

Join Us Join Us Join Us
Sharing Is Caring:

Leave a Comment

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
100% Free SEO Tools - Tool Kits PRO