MENU

Fun & Interesting

Can URQL replace Apollo Client? URQL tutorial with SSR and SSG in under 20 minutes using Next.js

Leigh Halliday 10,703 lượt xem 4 years ago
Video Not Working? Fix It Now

Let's see how to use URQL and set it up to handle SSR and SSG inside of Next.js. URQL is a lightweight replacement for Apollo Client that handles most of what you typically use Apollo for, in a very similar fashion.

---------- Course

Want to go deeper with Next.js? Join me in my Next Level Next.js course where over 29 videos and 8 hours of content we'll build a full application from start to finish. We use TypeScript, GraphQL, Prisma, Apollo, Mapbox, Firebase and lots more. https://courses.leighhalliday.com/next-level-next-js

---------- Links

URQL - https://formidable.com/open-source/urql/
Source Code - https://github.com/leighhalliday/urql-demo
Starting Code - https://github.com/leighhalliday/urql-demo/tree/363fc18db7ee8774ec61f369ca07f0fff97d9a53

---------- Connect

Join this channel - https://www.youtube.com/channel/UCWPY8W-FAZ2HdDiJp2RC_sQ/join
Join me on Discord - https://discord.gg/wcSNwfu

---------- Timeline

00:00 - Introduction
01:50 - Setting up URQL client
05:00 - Adding URQL Provider
05:45 - URQL's useQuery hook
09:30 - SSR with URQL in Next.js
15:45 - SSG with URQL in Next.js
19:45 - Conclusion

Comment