GraphQL with Laravel & Vue

We take a look at using GraphQL with Laravel and Vue. We'll be using the Lighthouse package on the backend with Laravel and Vue Apollo on the frontend. We'll build a book recommendation app from scratch as a project.

Videos: 10 Time: 5 hours, 7 minutes Updated: 02-08-2019 Rating: Unrated Completion: 0%
  • GraphQL w/ Laravel & Vue - Overview - Part 1

    GraphQL w/ Laravel & Vue - Overview - Part 1

    01-02-2019 / 37 minutes, 14 seconds
    We take a look at using GraphQL with Laravel and Vue.js. In this first part, we take a look at the GitHub API to see some of the problems that GraphQL solves over a traditional REST API. We then take a look at the Lighthouse PHP package to work with Grap...
  • GraphQL w/ Laravel & Vue - Lighthouse Package Backend - Part 2

    GraphQL w/ Laravel & Vue - Lighthouse Package Backend - Part 2

    01-04-2019 / 31 minutes, 44 seconds
    We take a look at using the Lighthouse package to build out our GraphQL backend in Laravel. We set up our models and migrations and then set up our queries and mutations in our schema.graphql file. We make sure that all CRUD functionality is available in ...
  • GraphQL w/ Laravel & Vue - Vue Apollo Queries - Part 3

    GraphQL w/ Laravel & Vue - Vue Apollo Queries - Part 3

    01-08-2019 / 47 minutes, 32 seconds
    We start the front-end of our GraphQL application using Vue.js and Vue Apollo. We take a look at using Apollo Query components, which are a clean way to query our GraphQL back-end using only components and scoped slots. We write our appropriate GraphQL qu...
  • GraphQL w/ Laravel & Vue - Vue Apollo Mutations - Part 4

    GraphQL w/ Laravel & Vue - Vue Apollo Mutations - Part 4

    01-10-2019 / 39 minutes, 55 seconds
    We continue working on the front-end of our GraphQL application using Vue.js and Vue Apollo. We take a look at using Apollo Mutations to allow for adding, updating and deleting books in our GraphQL application. GitHub repo: https://github.com/drehimself/b...
  • GraphQL w/ Laravel & Vue - Tailwind CSS Styling - Part 5

    GraphQL w/ Laravel & Vue - Tailwind CSS Styling - Part 5

    01-14-2019 / 46 minutes, 3 seconds
    We take a look at styling our GraphQL app with Tailwind CSS to match the design mockup we have in Sketch. GitHub repo: https://github.com/drehimself/booksql-vue Entire Playlist: https://www.youtube.com/playlist?list=PLEhEHUEU3x5qsA5JnRzhgOghrH9Vqz4cg LINK...
  • GraphQL w/ Laravel & Vue - Deployment - Part 6

    GraphQL w/ Laravel & Vue - Deployment - Part 6

    01-21-2019 / 14 minutes, 20 seconds
    We deploy our GraphQL app using Laravel Forge and Netlify. I take you through some code changes to prepare for deployment and all the steps to go live on a real production server. PurgeCSS Video: https://www.youtube.com/watch?v=Zwyo4XWWgnQ Netlify Video: ...
  • GraphQL Client in Laravel

    GraphQL Client in Laravel

    01-23-2019 / 16 minutes, 24 seconds
    We take a look at how to use Laravel as a GraphQL client to make queries to a GraphQL server. We make use of three different packages to accomplish this. GitHub Repo: https://github.com/drehimself/laravel-graphqlclient-example graphql-client: https://gith...
  • GraphQL Laravel server w/ graphql-laravel

    GraphQL Laravel server w/ graphql-laravel

    01-28-2019 / 26 minutes, 8 seconds
    We take a look at how to build a GraphQL server using the graphql-laravel package. This is similar to the lighthouse package we used to build an app, but takes a different approach. The lighthouse package conforms more to the GraphQL specification, wherea...
  • GraphQL Authentication in Laravel w/ Lighthouse & Passport

    GraphQL Authentication in Laravel w/ Lighthouse & Passport

    02-07-2019 / 25 minutes, 3 seconds
    We take a look at how to do GraphQL Authentication in Laravel with the Lighthouse Package and Passport. We review how token based authentication works in Laravel Passport then make use of a Lighthouse plugin to do it in GraphQL. Lighthouse Plugin: https:/...
  • GraphQL Authentication in Vue Apollo

    GraphQL Authentication in Vue Apollo

    02-08-2019 / 23 minutes, 2 seconds
    We take a look at how to do authentication on the front-end in Vue Apollo. We take the auth token from the server and make use of Vue Apollo's onLogin and onLogout helper methods to store and retrieve the auth token in local storage. We make a very basic ...
GraphQL w/ Laravel & Vue - Overview - Part 1
GraphQL w/ Laravel & Vue - Deployment - Part 6
GraphQL Client in Laravel
GraphQL Laravel server w/ graphql-laravel
GraphQL Authentication in Vue Apollo