Build a fullstack eCommerce application with GraphQL Yoga, Prisma, Planetscale, Next.js, Tailwind CSS, & Stripe Checkout.
Learn the basic concepts of GraphQL by building a full stack app. Learn how to work with queries, variables, mutations, fragments, and more.
Build a backend API with GraphQL Yoga. Learn how to query, and mutate data from a database with Prisma, MySQL, and Planetscale.
Work with GraphQL on the client using Apollo Client. Generate queries, and mutation React hooks using the GraphQL Code Generator.
Take a quick look at what we will build during this course in the video below.
Take a few hours a day over the next week to build a full stack application with GraphQL. Go from the basics and level up to become a GraphQL expert!
Build a production scale GraphQL API with a batteries included framework.
Talk to the database using a type safe ORM, with world class developer experience.
Server Side Rendering
Learn how to handle requests on the server to serve dynamic content from the database.
Learn how to setup, and use Docker Compose to run a local MySQL database.
Learn how to connect Prisma with MySQL to store our database, and deploy it.
Learn how to use Next.js API routes to host our GraphQL endpoint using GraphQL Yoga.
Learn how to use Next.js API routes to handle incoming webhook payloads from Stripe.
Learn how to add class to your storefront using the popular utility CSS framework: Tailwind CSS
Apollo Client 3
Learn how to send GraphQL queries, and mutations on the frontend with Apollo, and manage client-side caching.
Learn the basics of React by following along building a storefront with Next.js
GraphQL Code Generator
Generate types automatically for the backend, and frontend for end to end type safety.
GraphQL Schema Definition
Learn how to define a schema, add descriptions, and more using the SDL-first approach.
Learn how to perform, and name query operations within GraphiQL, and Apollo Client.
Learn how to perform, and name mutation operations within GraphiQL, and Apollo Client.
Learn how to reduce boilerplate by writing fragments to spread into queries, and mutations.
Learn how to use context to pass around the Prisma instance, and handle requests to our server inside resolver functions.
Build a storefront using React, and the popular framework for managing static & server side rendering.
Learn how to use NPM to install all of the dependencies needed for our backend, and frontend.
Learn the basics of TypeScript by following along building a server. GraphQL Code Generator makes this all too easy!
Learn how to create checkouts, and accept payments with Stripe.
Deploying to Vercel
Finally put all of this course together to deploy to your own domain name!
Get started today for free, learn GraphQL,
and build your own app in one week!