Fullstack Advanced React and GraphQL by Wes Bos
FreeBuild Full Stack Applications with React and GraphQL
FreeFree tier
LinksX
About Fullstack Advanced React and GraphQL by Wes Bos
Fullstack Advanced React and GraphQL is a comprehensive video course by Wes Bos that guides learners through building a complete full stack application called 'Sick Fits'—an online clothing store with real credit card checkout. The course covers both frontend and backend development using React, Next.js, Styled Components, Apollo Client, and Keystone.js, and includes relational GraphQL data models, authentication, permissions, image upload, email sending, and Stripe integration. It also dedicates a section to testing the React application with Jest and React Testing Library.
Key Features
Build a complete full stack application (Sick Fits online clothing store)
Relational data models: Users, Items, Orders, CartItems, OrderItems, Roles
Frontend: React, Next.js (SSR), Styled Components, Apollo React Hooks
Backend: Keystone.js (GraphQL server/headless CMS), custom resolvers
Authentication and role-based permissions
Image upload and server-side processing
Stripe credit card checkout integration
Send transactional emails
Testing with Jest and React Testing Library
Error and loading UI states with Apollo Client
Pros & Cons
Pros
- Comprehensive coverage of both frontend and backend GraphQL development
- Teaches modern, industry-relevant tools (Apollo, Next.js, Keystone.js, Stripe)
- Includes a full testing section for React applications
- Project-based approach with a complete e-commerce application
- Instructor Wes Bos is experienced and well-regarded in the web development community
Cons
- Requires prior familiarity with React (components, state, props, event handlers)
- Assumes comfort with modern JavaScript (arrow functions, classes, promises, async/await)
- Backend uses Keystone.js, which may not be as widely used as other GraphQL server solutions
- May not cover advanced deployment or production optimization in depth
Best For
Learning full stack React and GraphQL development through a real-world projectBuilding e-commerce applications with modern JavaScript frameworksUnderstanding GraphQL mutations, queries, caching, and client-server integrationImplementing authentication, permissions, and payment processing in a Node.js backendHands-on practice with server-side rendering (Next.js) and component styling (Styled Components)
FAQ
What prerequisites are needed for this course?
Learners should be familiar with the basics of React (components, state, props, modules, event handlers) and comfortable with modern JavaScript including arrow functions, classes, promises, async/await and other ES6 features. Prior Node.js knowledge is helpful but not required.
What will I build in this course?
You will build 'Sick Fits', a full stack online clothing store with real credit card checkout. The application includes six main relational models: Users, Items, Orders, CartItems, OrderItems, and Roles.
What technologies are used in the course?
Frontend: React, Next.js, Styled Components, Apollo Client (Apollo React Hooks, Apollo Client for data management). Backend: Keystone.js (Node.js GraphQL server/headless CMS), MongoDB or Prisma database. Additional tools: Stripe for payments, image upload, email sending, Jest and React Testing Library.
Is this course free?
The course is listed with a free pricing model on some platforms, but the official website may have a purchase price. Check the course site for current pricing details.