Headless CMS & GraphQL API with KeystoneJS - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Headless CMS & GraphQL API with KeystoneJS

Watch Web Development Traversy Media Video: Headless CMS & GraphQL API with KeystoneJS.
Build a GraphQL API using KeystoneJS

Code:
https://github.com/bradtraversy/keystone-blog

Code:
https://github.com/bradtraversy/next-...​

Find a list of my latest Udemy courses at:
https://traversymedia.com​

💖 Support The Channel!
http://www.patreon.com/traversymedia

TImestamps:
0:00 Intro
1:31 MongoDB setup
4:30 - Create app & files/folders
7:23 - Starting the server & admin area
8:45 - .env file
10:54 - Post list
14:32 - Create & manage posts
16:00 - Graphiql client
18:32 - User list
20:41 - Post/User relationship
21:17 - Create & manage users
22:26 - User authentication
25:55 - Restricting admin area
28:04 - API access control
31:42 - Client side example

Published:
Category: Web Development Traversy Media
20 Views

Related Videos

  • GraphQL With React & Apollo [1] - Express GraphQL Server

    GraphQL With React & Apollo [1] - Express GraphQL Server

    by Best Webhosting Added 90 Views / 0 Likes

    In this series we will build a small app using GraphQL, Express, React & Apollo. In the first part we will implement our GraphQL Express server. We will use SpaceX data using their API. Sponsor: Eduonix AWS: https://www.indiegogo.com/projects/aws-architect-and-developer-certification-program/reft/19668519/brad-aws1 Data Science: https://www.kickstarter.com/projects/1311831077/data-science-foundational-program-4-courses-and-eb?ref=5u5zy0 Code: https://

  • Building a GraphQL Server [Part 1] - What Is GraphQL?

    Building a GraphQL Server [Part 1] - What Is GraphQL?

    by Best Webhosting Added 94 Views / 0 Likes

    In part 1 of 5 of this series we will talk about what GraphQL is, what it is used for and we will also look at some of the queries and how simple they are. We will also talk about what to expect in the next few videos CODE: Code for this project https://github.com/bradtraversy/customerbase BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http:/

  • Building a GraphQL Server [Part 2] - Server & Express GraphQL Setup

    Building a GraphQL Server [Part 2] - Server & Express GraphQL Setup

    by Best Webhosting Added 91 Views / 0 Likes

    In part 2 of 5 we will install express, express-graphql and we will create an initial dev server to run on our machine. We will create the server.js file and start the main schema.js file CODE: Code for this project https://github.com/bradtraversy/customerbase BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedi

  • Sanity.io Crash Course | Headless CMS

    Sanity.io Crash Course | Headless CMS

    by Best Webhosting Added 32 Views / 0 Likes

    Spend 20 minutes learning to quickly set up your next content backend with Sanity.io. We'll run Sanity Studio, an open-source headless CMS that connects to a hosted real-time datastore. Learn how to customize fields and content types, and how to query for data. By the end you should be ready to power content in React, Vue or any other framework! Kapehe's Social Links: Twitter: https://twitter.com/kapehe_ok YouTube: https://www.youtube.com/c/kapehe Web

  • Strapi.js Crash Course | Headless CMS

    Strapi.js Crash Course | Headless CMS

    by Best Webhosting Added 79 Views / 0 Likes

    In this video we will look at the Strapi headless CMS and create a REST API with JWT authentication all from the admin area of Strapi • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia

  • Static & Headless WP for Speed and Security - [WEBINAR]

    Static & Headless WP for Speed and Security - [WEBINAR]

    by Best Webhosting Added 19 Views / 0 Likes

    Introducing Strattic - Elementor’s advanced solution for static WordPress site generation and hosting. Discover why static and headless websites have exploded in popularity and how this 1-click solution is able to provide the best of both worlds: use WP like you know and love while enjoying the security, performance and scalability benefits static and headless websites bring to the table. Agenda ① Introduction & Overview - 00:00 ② Traditional WP - 05:

  • GraphQL With React & Apollo [3] - Finishing The App

    GraphQL With React & Apollo [3] - Finishing The App

    by Best Webhosting Added 64 Views / 0 Likes

    In this part we will finish our app by adding color coded titles for success/fail missions, we will create the Launch component and make another query to our GraphQL server from React/Apollo. Code: https://github.com/bradtraversy/spacex_launch_stats GraphQL Server Series: https://www.youtube.com/watch?v=PEcJxkylcRM&list=PLillGF-RfqbYZty73_PHBqKRDnv7ikh68 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy

  • Realtime Chat App | React, GraphQL & Websockets

    Realtime Chat App | React, GraphQL & Websockets

    by Best Webhosting Added 47 Views / 0 Likes

    Let's build a realtime chat app with React, Apollo, GraphQL Subscriptions, Websockets and Module Federation Jack Herrington YouTube Channel: https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw Code: https://github.com/jherr/chat-o-matic React starter project: https://github.com/jherr/wp5-starter-react Apollo client: https://www.apollographql.com/docs/react/ Graphql-Yoga: https://github.com/prisma-labs/graphql-yoga • Support The Channel! http://ww

  • Full Stack Photobook App | Vue, GraphQL, AWS Amplify

    Full Stack Photobook App | Vue, GraphQL, AWS Amplify

    by Best Webhosting Added 39 Views / 0 Likes

    Build and deploy a full stack Photobook app built with Vue.js, GraphQL& AWS Amplify Program With Erik YouTube Channel https://www.youtube.com/channel/UCshZ3rdoCLjDYuTR_RBubzw Code: https://github.com/ErikCH/TraversyMediaAWSPhotoBook AWS Workshop: https://github.com/amazon-archives/aws-reinvent-2019-mobile-workshops/tree/master/MOB303 Timestamps: 0:00 Overview of Application 1:32 Setup 4:04 Overview of AWS Services 06:10 Install Tools 11:36 Amplify Con

  • Popular Building a GraphQL Server [Part 5] - Mutations

    Building a GraphQL Server [Part 5] - Mutations

    by Best Webhosting Added 111 Views / 0 Likes

    In part 5 of 5 of this series we will create all of our mutations to add, delete and edit customers. We will run the mutations via Graphiql IDE CODE: Code for this project https://github.com/bradtraversy/customerbase BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http:

  • GraphQL With React & Apollo [4] - Simple Heroku Deploy

    GraphQL With React & Apollo [4] - Simple Heroku Deploy

    by Best Webhosting Added 81 Views / 0 Likes

    In this part we will take our small app and prepare and do a very simple deployment to Heroku Code: https://github.com/bradtraversy/spacex_launch_stats App Demo: (If I still have it up) https://polar-wildwood-69899.herokuapp.com/ GraphQL Server Series: https://www.youtube.com/watch?v=PEcJxkylcRM&list=PLillGF-RfqbYZty73_PHBqKRDnv7ikh68 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.t

  • GraphQL Crash Course With Full Stack MERN Project

    GraphQL Crash Course With Full Stack MERN Project

    by Best Webhosting Added 14 Views / 0 Likes

    ⭐ Join Masterschool & pay nothing until you're hired! https://goto.masterschool.com/brad2022 In this video, we will build a full-stack project management system with GraphQL, Express, MongoDB, React, and Apollo. 💻 Code: https://github.com/bradtraversy/project-mgmt-graphql 💻 Query & Mutation Gist: https://gist.github.com/bradtraversy/fc527bc9a4659ab8de8e8066f3498723 💖 Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS