My Favorite AI Tutorial Yet: Generate Images from Scribbles (Next.js, Tailwind, Convex, Replicate)
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
Видео My Favorite AI Tutorial Yet: Generate Images from Scribbles (Next.js, Tailwind, Convex, Replicate) канала Web Dev Cody
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
Видео My Favorite AI Tutorial Yet: Generate Images from Scribbles (Next.js, Tailwind, Convex, Replicate) канала Web Dev Cody
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Tracking when people view a build order (next, prisma, tailwind) part 9](https://i.ytimg.com/vi/Jj0mfxoU_AA/default.jpg)
![TDD helped me fix a major issue in my side project](https://i.ytimg.com/vi/k9Qdt23D_FA/default.jpg)
![How much smaller is an Astro build compared to Next?](https://i.ytimg.com/vi/rQRtCzpf3fo/default.jpg)
![Trying a new design for quick select match ups | full stack next, prisma, tailwind 2 - part 2](https://i.ytimg.com/vi/X3x4s7nsv1s/default.jpg)
![Coding on websocket game, answering questions, doing coding stuff](https://i.ytimg.com/vi/51YRRJ-dwMg/default.jpg)
![Applying layered architecture to my t3 stack api](https://i.ytimg.com/vi/DA03fgZpb58/default.jpg)
![Why I stopped caring about my youtube channel as much](https://i.ytimg.com/vi/bzIDWWJ3IWA/default.jpg)
![Playing around making a vanilla js websocket game](https://i.ytimg.com/vi/RCEuAapQkBk/default.jpg)
![Front End vs Backend Development - Which One do I Enjoy More? (as a Senior Full Stack Engineer)](https://i.ytimg.com/vi/LWDplXFZg3A/default.jpg)
![The NFT Generation Competition is Fierce | NFT-Magic DevLog 12](https://i.ytimg.com/vi/wKRxgqXfBAE/default.jpg)
![What testing do you need for web apps](https://i.ytimg.com/vi/5-SQ987cofE/default.jpg)
![Why I suggest understanding the problems React and TailwindCSS solve](https://i.ytimg.com/vi/H3LtqHR7ZgE/default.jpg)
![How to connect Next.js to a database (in 5 minutes)](https://i.ytimg.com/vi/wTGaoB8EL-4/default.jpg)
![How I added a feedback feature to my icon generator app](https://i.ytimg.com/vi/J-04JlTAEY0/default.jpg)
![Chill Live coding and Q/A stream](https://i.ytimg.com/vi/SHLgaD5oCUk/default.jpg)
![My Redesign Failed | NFT-Magic DevLog 5](https://i.ytimg.com/vi/bkmTBDc2XMQ/default.jpg)
![Live Coding a Next.js Heart Failure Symptoms Tracker App | Part 8](https://i.ytimg.com/vi/tQVee-_oiOU/default.jpg)
![Making editable notes column for build order table (next, prisma, tailwind, react) part 8](https://i.ytimg.com/vi/4-wJhIuGFEM/default.jpg)
![I was wrong, Bun is FASTER than node (but filled with bugs)](https://i.ytimg.com/vi/9XOaslk51sU/default.jpg)
![Need to debug node performance issues? use a flame graph #shorts](https://i.ytimg.com/vi/a0qotixJW9A/default.jpg)
![Use the every function to know when an array contains all even numbers #shorts](https://i.ytimg.com/vi/M_rRWG5FLTg/default.jpg)