GraphQL is often looked at as the successor to REST APIs. It provides a powerful query language and allows you to make requests for exactly the information you want, nothing more and nothing less. Many services now offer GraphQL APIs making it easier for users to interact with their data. With its powerful type system, the syntax is intuitive, and error messages provide helpful feedback. In this series, we’ll take a look at using GraphQL within the Laravel and Vue ecosystem. We’ll build out the obligatory blog as a full-stack GraphQL application. In the backend we’ll make use of the popular lighthouse package which allows us to define our GraphQL schema. In the frontend, we’ll leverage Vue Apollo to allow us to communicate with the backend and display the data in the browser.
Overview
Syllabus
- Intro and Demo
- Lighthouse Queries for posts
- Lighthouse Mutations for posts
- Lighthouse Resolvers
- It’s Just an AJAX Request
- Make Requests from Laravel
- Vue Apollo Queries
- Vue Apollo Query Components
- Vue Apollo Mutations
- Vue Apollo Mutations - Updating Posts
- Vue Apollo Pagination
- Vue Apollo Composition API
- Authentication in Lighthouse
- Authentication in Vue Apollo
- Authorization on the Server
- Authorization Links
Taught by
Andre Madarang
