My Favorite AI Tutorial Yet: Generate Images from Scribbles (Next.js, Tailwind, Convex, Replicate)

Channel:
United States Web Dev Cody
Subscribers:
258,000
Published on ● Video Link: https://www.youtube.com/watch?v=5cGdBDXqCJ0


Category:
Tutorial
Duration: 1:15:59
4,482 views
168

Be sure to give https://convex.dev a try if you want to see how easy it is to create a full stack application without having to manage a database yourself or worry about deploying your own backend servers.

https://github.com/webdevcody/convex-replicate

00:00:00 Overview
00:02:44 Git & Next Setup
00:04:04 Setup Convex
00:07:17 Convex Overview
00:08:10 Our First Mutation
00:10:16 Creating Generate Form
00:14:05 Convex useMutation
00:16:24 Storing into Convex DB
00:18:33 Convex useQuery
00:24:02 Setup Sketch Canvas
00:26:21 Export Image
00:30:09 Invoking Replicate
00:42:26 Displaying Results
00:48:43 Bring in shadcn/ui
00:58:29 The Power of Convex
01:05:56 Improve Collection Page
01:08:14 Convex Schemas
01:11:22 Argument Validation
01:14:39 Conclusion

📘 T3 Stack Tutorial: https://1017897100294.gumroad.com/l/jipjfm
🤖 SaaS I'm Building: https://www.icongeneratorai.com/

💬 Discord: https://discord.gg/4kGbBaa
🔔 Newsletter: https://newsletter.webdevcody.com/
📁 GitHub: https://github.com/webdevcody
📺 Twitch: https://www.twitch.tv/webdevcody
🤖 Website: https://webdevcody.com
🐦 Twitter: https://twitter.com/webdevcody



Other Videos By Web Dev Cody


2023-07-03I don't understand the caching with next.js's app router #shorts
2023-07-02How to refresh your react server components when data changes #shorts
2023-07-02Building a new SaaS product
2023-07-01Next.js server actions makes coding much easier #shorts
2023-06-30Goodbye, getServerSideProps: the app router offers a far superior experience #shorts
2023-06-29My Favorite & Cheapest Way to Deploy Next.js (and how to do it yourself)
2023-06-29How This ChatGPT Plugin Has Made Designing Complex Diagrams a Breeze #DiagramGPT #shorts
2023-06-27How Much Does It Cost to Run My SaaS Application? You Might Be Surprised
2023-06-26Solving a Fun Beginner's Web Design Challenge using React & Tailwind
2023-06-23Start Mastering Tailwind through this Fun Frontend Mentor Challenge
2023-06-20My Favorite AI Tutorial Yet: Generate Images from Scribbles (Next.js, Tailwind, Convex, Replicate)
2023-06-15I still think the t3 stack is the most productive
2023-06-14Adding a reordering feature to my online course platform
2023-06-12You want to learn this debugging technique (more next.js issues)
2023-06-09Next.js parallel routes are awesome (if they worked correctly)
2023-06-07So far I really like next.js app router and RSC
2023-06-06Streaming components in Next is pretty interesting
2023-06-05Why I think SSR is a better approach
2023-06-05Playing around with Next.js app directory and shadcnui
2023-06-04What are my thoughts on next.js app router vs pages router
2023-06-03How to setup Supabase email registration with next app router


Tags:
web development
programming
coding
code
learn to code
tutorial
software engineering