Laravel Graphql Playground

This project is deprecated in favor of
Alternatives To Laravel Graphql Playground
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Lighthouse3,13946497 hours ago281September 19, 2022124mitPHP
A framework for serving GraphQL from Laravel
Cms2,56631075 hours ago230September 27, 2022482otherPHP
The core Laravel CMS Composer package
Graphql Laravel1,9573293 days ago133June 11, 202214mitPHP
Laravel wrapper for Facebook's GraphQL
Laravel Graphql1,78372114 years ago65February 10, 2019125PHP
Facebook GraphQL for Laravel 5. It supports Relay, eloquent models, validation and GraphiQL.
3 days ago99June 23, 20223mitVue
Laravel Vue headless CMS / admin panel / dashboard / builder / API CRUD generator, anything !
Graphqlite52116126 days ago20June 15, 202247mitPHP
Use PHP Attributes/Annotations to declare your GraphQL API
Laravel Vue Boilerplate482
2 years agomitPHP
:elephant: A Laravel 8 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.
Laravel Graphql Playground2711772 months ago21February 01, 2021mitPHP
This project is deprecated in favor of
Resources I Like265
3 years ago3
:books::100: Collection of learning resources i like
Lighthouse Graphql Passport Auth217
37 days ago45June 17, 2021mitPHP
Add GraphQL mutations to get tokens from passport for
Alternatives To Laravel Graphql Playground
Select To Compare

Alternative Project Comparisons

Laravel GraphQL Playground


This project is deprecated in favor of mll-lab/laravel-graphiql.

Easily integrate GraphQL Playground into your Laravel projects.

GitHub license Packagist Packagist

Please note: This is not a GraphQL Server implementation, only a UI for testing and exploring your schema. For the server component we recommend nuwave/lighthouse.


composer require mll-lab/laravel-graphql-playground

If you are using Lumen, register the service provider in bootstrap/app.php



By default, the playground is reachable at /graphql-playground and assumes a running GraphQL endpoint at /graphql.

To change the defaults, publish the configuration with the following command:

php artisan vendor:publish --tag=graphql-playground-config

You will find the configuration file at config/graphql-playground.php.


If you are using Lumen, copy it into that location manually and load the configuration in your boostrap/app.php:


HTTPS behind proxy

If your application sits behind a proxy which resolves https, the generated URL for the endpoint might not use https://, thus causing the Playground to not work by default. In order to solve this, configure your TrustProxies middleware to contain \Symfony\Component\HttpFoundation\Request::HEADER_X_FORWARDED_FOR in $headers.


To customize the Playground even further, publish the view:

php artisan vendor:publish --tag=graphql-playground-view

You can use that for all kinds of customization.

Change settings of the playground instance

Add extra settings in the call to GraphQLPlayground.init in the published view:

GraphQLPlayground.init(document.getElementById('root'), {
  endpoint: "{{ url(config('graphql-playground.endpoint')) }}",
  subscriptionEndpoint: "{{ config('graphql-playground.subscriptionEndpoint') }}",
  // See for available settings

Configure session authentication

Session based authentication can be used with Laravel Sanctum. If you use GraphQL through sessions and CSRF, add the following to the <head> in the published view:

<meta name="csrf-token" content="{{ csrf_token() }}">

Modify the Playground config:

GraphQLPlayground.init(document.getElementById('root'), {
  endpoint: "{{ url(config('graphql-playground.endpoint')) }}",
  subscriptionEndpoint: "{{ config('graphql-playground.subscriptionEndpoint') }}",
+ settings: {
+   'request.credentials': 'same-origin',
+   'request.globalHeaders': {
+     'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
+   }
+ }

Make sure your route includes the web middleware group in config/graphql-playground.php:

    'route' => [
        'uri' => '/graphql-playground',
        'name' => 'graphql-playground',
+       'middleware' => ['web']

Local assets

If you want to serve the assets from your own server, you can download them with the command

php artisan graphql-playground:download-assets

This puts the necessary CSS, JS and Favicon into your public directory. If you have the assets downloaded, they will be used instead of the online version from the CDN.


If you do not want to enable the GraphQL playground in production, you can disable it in the config file. The easiest way is to set the environment variable GRAPHQL_PLAYGROUND_ENABLED=false.

If you want to protect the route to the GraphQL playground, you can add custom middleware in the config file.

Popular Laravel Projects
Popular Graphql Projects
Popular Frameworks Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.