Building an AI Icon Generator using the T3 Stack (Next.js, Prisma, TailwindCSS)

Update 5/19/2023: If you came to this course site after seeing my SaaS, note that this course only teaches a subset of features found on my actual product. It teaches just enough to have a fully deployed saas product.

Update 5/6/2023: Now with Next 13.4 and the app directory becoming stable, you may ask if this course is still worth it since this course uses Next’s pages directory. My biased opinion is yes, this course is still filled with useful information. I plan to keep my SaaS product https://icongeneratorai.com using the exact approaches used in this course; I don’t see much value in refactoring over to the app directory at this point in time.

Update 11/9/2023: Next 14.x recently came out and server actions have become stable. I believe that the industry will slowly transition to using server actions and the app router, so this tutorial is becoming a little out dated. You will still learn things from following this tutorial, but note that you will be learning an older page router approach.

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.

Don’t miss out on this opportunity to level up your web development skills with Web Dev Cody’s online course. Sign up today and start building your own icon generator in no time.

The source code for this project can be found https://github.com/webdevcody/icon-generator-course and is public for anyone to read through. My idea for this course was another resource to help you understand how a product like this is built from the ground up using the T3 stack.

Here is a sneak peek of the integration with dall-e, s3, and the database:

 

Building the generate page:

 

The community page we’ll build:

 

Integration with stripe:

I’m hoping you’ll learn some new topics by watching me build this course, but if you do buy this course and feel the value wasn’t worth the cost, just message me and I’ll refund you if it’s been under 30 days after purchasing. You can contact me via email or directly in my discord server.

Disclaimer: This is an intermediate course. This course assumes you have some basic understanding of next, javascript, react, tailwind, etc but you just want to watch someone build a full stack product using Dall-e, stripe, supabase, aws amplify, and s3.

Disclaimer: This course uses AWS and the dall-e API. Both services require a working credit card or debit card to sign up. So if you’re the type of person who likes to type along with coding tutorials, you’ll want a card ready to set up accounts. I do not walk you through how to sign up for the accounts; you should be able to figure that out. There is enough info in this course to still learn a decent amount without needing to set up an AWS account, so keep that in mind.

Terms and Conditions: If you use this course or the code provided in this course to build an online product that sells AI-generated images, please review the laws of your country. I am not responsible, nor will you hold me responsible, for any issues you may encounter in the future for selling ai generated images due to any legal reason, including copyright issues, etc.