Unlock the Power of AI with Defer and NextJS 13 – UI Magic!
AIs are awesome, but they can take a while to produce results, so let’s see how to manage long running jobs, like these AI jobs, using a combination of Defer, NextJS 13 and React-Query.
Code: https://github.com/jherr/github-openai-defer
👉 I’m a host on the React Round-Up podcast: https://devchat.tv/podcasts/react-round-up
👉 Don’t forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5
👉 VS Code theme and font? Night Wolf [black] and Operator Mono
👉 Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF
0:00 Introduction
1:24 Project Setup
4:37 Getting The GitHub Profile
7:34 Making The OpenAI Call
9:53 Moving the OpenAI Call To Defer
13:13 Integrating Defer Into The UI
16:32 Deploying To Vercel
17:34 Outroduction
