Blazing-Fast Vue and GraphQL with Gridsome
4.5 (150 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
764 students enrolled

Blazing-Fast Vue and GraphQL with Gridsome

Harness the best in Vue and GraphQL to make impressive, ridiculously fast apps using the Gridsome static site generator
4.5 (150 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
764 students enrolled
Created by Reed Barger
Last updated 12/2019
English
English [Auto-generated]
Current price: $20.99 Original price: $29.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 20 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • How to build complete, impressive apps with Vue, GraphQL, and Gridsome
  • The core concepts of working with GraphQL, Vue and Gridsome as a single stack
  • How to make highly practical and dynamic static sites in Vue
Course content
Expand all 28 lectures 03:00:06
+ Core Gridsome Concepts
8 lectures 43:19
Layouts, Aliasing
06:27
G-Links, Smart Link Prefetching
03:46
Components and Props in Gridsome
06:39
Page Meta Information, SEO
05:08
Site Meta Data, Intro to Static Queries
02:43
GraphQL Overview, Using Static Queries
08:33
+ Building a Markdown Blog
9 lectures 01:11:47
Intro to Plugins, Source and Transformer Plugins
08:27
Add Blog Page, Render Posts with Static Query
04:40
Frontmatter for Blog Posts
10:08
Templates, Programmatic Pages, Page Queries, GraphQL Variables
08:47
G-Image for Performant Image Loading
05:29
Querying and Formatting Images with GraphQL
08:21
Tags and Tagging Posts
13:22
Pagination
08:16
Comments with Disqus
04:17
+ Building an Online Store
3 lectures 24:01
Integrate Headless CMS Contentful, Creating Product Data
11:23
Fetching and Displaying Products
05:22
Shopping Cart with Snipcart, Adding Scripts and Stylesheets
07:16
+ Continuous Deployment with Netlify
1 lecture 10:42
Environment Variables, Deploying with Netlify
10:42
+ GraphQL Crash Course (Optional)
4 lectures 20:31
Queries, Using GraphiQL, GraphQL compared to REST
04:45
GraphQL Type System, Schema, Object vs. Scalar Types, Arguments
06:50
Mutations for Creating, Updating, Deleting Data in GraphQL
05:03
Dynamic Values in GraphQL with GraphQL Variables
03:53
Requirements
  • You should have basic knowledge about HTML, CSS, Vue, and how to use the Terminal
  • Knowing how GraphQL works is a plus, but not required
Description

Want to build blazing-fast apps with Vue and GraphQL using Gridsome? This is the course for you.

WHAT WILL WE BE BUILDING?

We'll be building a complete blog and online store with shopping cart built entirely with Vue, GraphQL and Gridsome, where we can create and share posts, add comments, create products, add products to our cart and purchase them.

Our store data will be created and served by the headless CMS Contentful, with blog posts written entirely in the markdown format, and deployed to the web with Netlify.

WHAT CONCEPTS WILL IT COVER?

  • How to Build Incredible Apps with Vue and GraphQL Using Gridsome

  • A Complete Crash Course in GraphQL; What It Is / How to Use It

  • Using GraphQL within Vue Components with Static Queries / Page Queries

  • Fetching & Managing App Data with the Headless CMS Contentful

  • Dead-simple, Responsive Images with g-image

  • Adding Data Sources to GraphQL with Source Plugins

  • Transforming Data Using Transformer Plugins

  • Converting Markdown Data to HTML Content with Gridsome

  • Programmatically Creating Site Pages in Gridsome

  • Pagination and Tagging in Gridsome

  • Using Frontmatter for Blog Posts

  • Shopping Cart and User Purchases with Snipcart

  • Continuous Deployment Through Git / Github with Netlify

  • Pages, Routing, Nested Routes in Gridsome

  • Links with g-link, Active Links in Gridsome

  • And much more...

I really enjoyed making this course and I think you’ll enjoy taking it just as much.

Looking forward to seeing you within the course!

Who this course is for:
  • Developers interested in learning Vue, GraphQL and Gridsome
  • Vue developers looking to start working with either GraphQL or Gridsome in their projects
  • Programmers looking to build fast, impressive web apps