Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)

Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS, Typescript, Dall-E API)

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 32 Lessons (5h 53m) | 2.08 GB

Are you looking to take your web development skills to the next level? Do you want to learn how to build a fully functional icon generator that integrates with third-party services like Dall-E API, AWS, Stripe, and more? Look no further than Web Dev Cody’s online course!

With 6 hours of in-depth instruction spread over 32 videos, you’ll learn everything you need to know to build a powerful icon generator using the T3 stack. This includes Next.js (pages directory), TypeScript, Tailwind CSS, Next-Auth, and Prisma. You’ll also learn how to set up a PostgreSQL database using Supabase and how to upload and serve images to Amazon S3, and deploy to AWS Amplify.

But this course isn’t for beginners. You should have a solid grasp of JavaScript/TypeScript, React, and coding in general before diving in. However, if you’ve found Web Dev Cody’s other full-stack T3 stack tutorials helpful, then this course is perfect for you. You can find his free t3 stack tutorials on his youtube channel https://www.youtube.com/@webdevcody. I recommend watching through some of my videos to get a feel for how I will walk you through this course.

One thing that sets this course apart is Web Dev Cody’s teaching style. If you’ve watched his YouTube channel, you know that he has a knack for breaking down complex topics into easy-to-understand concepts. And to help you truly understand the system you’ll be building, he’ll provide a high-level diagram of the entire process.

Table of Contents

1 Project Overview
2 What is the T3 Stack
3 High Level Diagram
4 Setting up a Git Repo
5 T3 Setup
6 T3 Stack Directory Overview
7 The Generate Page
8 Tracking Form Inputs into State
9 Our First tRPC Procedure
10 Adding Authentication
11 Setting up Credits
12 Dall-E Integration
13 Mocking Dall-e
14 Storing Images in s3
15 Storing Icon Metadata
16 Refactor to send back URLs
17 Stripe & Credits High Level Design
18 Integrate with Stripe
19 Redirect to Checkout
20 Stripe Webhook
21 Increment Credits to User
22 Improve UI + Header
23 Landing Page
24 Various UI Improvements
25 Setup Supabase DB
26 Deploy to Amplify
27 Collections Page
28 Community Page
29 Display Credits
30 Quantity Input
31 Icon Shape, Style, Alert
32 Final Remarks

Homepage