AI SaaS - Sketch To Design | CodeRabbit, Convex, Inngest, Sevalla, Polar
📘 Resources:
Sevalla (Deployment): https://sevalla.com/?utm_source=webpr...
Inngest (Background Jobs / queues): https://innge.st/yt-wp-1
Convex (Database): https://convex.link/WebProdigies
CodeRabbit (AI code reviewer): https://coderabbit.link/webprodigies
Polar (Payments): https://dub.sh/polar-webprodigies
Discord Community: / discord
Source Code (🎉LTD): https://webprodigies.com/store/s2c-co...
Figma Design: https://webprodigies.com/store/s2c-fi...
MOCHI Waitlist:
https://webprodigies.com/mochi?utm_so...
📜 Help me create even better free content for you — just answer these questions!
http://events.webprodigies.com/?utm_s...
YoutubeKit with free assets from the video: https://storage.googleapis.com/msgsnd...
Sponsorship Inquiries: https://webprodigies.com/sponsorship
⏰Timestamps:
00:00:00 — Intro & Demo
00:05:29 — Updates On Mochi (Our Premium Course)
00:14:38 — Setting up the next’s project
00:21:17 — Deploy your SaaS on Sevalla
00:24:42 — Auth layouts and designs
00:31:30 — Convex - DB, Auth and schemas
01:25:29 — Design & theming
01:31:35 — Dashboard and navbar
01:59:56 — Redux toolkit setup
02:33:41 — Creating projects, viewport and shapes
03:00:22 — Github commits
03:04:35 — Coderabbit AI code reviewer
03:10:19 — Dashboard page continuation
03:27:05 — Style guide page and typography
03:47:54 — Limited time Founder’s Beta Program for S2C
03:53:24 — Creating The Moodboard
04:43:17 — How to use CodeRabbit in vsc or cursor IDE
04:49:11 — Creating the infinity canvas hook
06:18:49 — Rendering the toolbar
06:29:25 — Infinite canvas renderer
06:53:09 — Rendering on the canvas with preview
07:01:53 — Creating the frame
07:35:01 — Introduction to Background Jobs with Inngest
07:44:51 — Autosave functionaliy
08:22:03 — Setting up polar keys
08:42:48 — Limited time Founder’s Beta Program for S2C
09:26:35 — Generative Ai
09:40:51 — Stylesheet
09:57:14 — Streaming the response with anthropic
10:35:10 — Adding inspiration images to AI
11:09:28 — Workflows Ai generation
11:52:09 — Chating with AI to update the design
12:42:21 — Important note before you deploy
13:00:23 — Deploying on Sevalla
13:33:22 — What’s next