Workshop: GraphQL on Client and Server — From Idea to Prototype (Part 2)
summary
Hands-on workshop showing how to build a small full-stack prototype in a few hours using GraphQL. Starting from an empty folder, it uses TypeScript, code generation, React Hooks, Apollo on the client, Next.js and Prisma 2 on the server, plus CSS-in-JS, to implement GraphQL resolvers and the client/server parts without deep dives into each topic.
AI-written summary · about
chapters (12)
- 0:00Part 2 intro
- 0:21Fetching GraphQL data
- 6:33Apollo Client setup
- 17:16Querying in components
- 23:39Fixing SSR errors
- 26:09GraphQL fragments
- 30:23Types with Codegen
- 41:12Adding mutations
- 55:00User auth cookies
- 1:01:20Post creation UI
- 1:05:17Cache updates
- 1:12:13Workshop summary
related talks
52mTypeScript and GraphQ
01h 32mBuilding GraphQL APIs with Prisma
26mSponsored Session: From Prototype to Production: Building Custom GraphQL APIs
41mIntroduction to GraphQL
38mWeb Applications of the Future With TypeScript and GraphQL
32mFrom learning to thinking in GraphQL
01h 11mGraphQL, Simplified
01h 28mWorkshop: Demand-Driven Schema Design