Uploaded January 2022 | Updated September 2026, 1 day ago
In this intermediate/advanced tutorial, we will design and build an AI-driven SaaS application from scratch. The application is an AI assisted copy/branding generator, which creates snippets and keywords for our customers based on their brand. Try it out!
👉Demo: copykitt.co
👉 Source code: github.com/pixegami/copykitt-tutorial
This is a great mid-sized project for anyone who wants to expand their portfolio, learn new skills, or get started
on a software business idea.
It's a long tutorial so I've broken it into chapters. Pace yourself! 🐢💡
--- Technology ---
Our backend server will be a Python FastAPI application that interacts with OpenAI, and we will
host it on AWS Lambda. Our frontend will be a static NextJS/React site hosted on Vercel, and styled with TailwindCSS.
Here are links to the tech that we are using:
👉 Python | python.org
👉 Typescript | typescriptlang.org
👉 React | reactjs.org
👉 NextJS | nextjs.org
👉 TailwindCSS | tailwindcss.com
👉 OpenAI | openai.com/api
👉 AWS | aws.amazon.com
👉 AWS CLI | aws.amazon.com/cli
👉 AWS CDK | aws.amazon.com/cdk
👉 Vercel | vercel.com
--- Content Chapters ---
00:00:00 Introduction
00:01:38 Technology overview
00:02:45 Operating costs
00:05:18 Product demo
00:06:40 SaaS architecture overview
00:08:43 Calling OpenAI with Python
00:16:00 Creating the Python backend app
00:38:50 Adding FastAPI
00:53:50 Backend infrastructure plan
01:04:47 Creating an AWS Lambda function
01:28:48 Finish the backend w/ API Gateway
01:41:35 Build frontend with NextJS/React
02:30:50 Deploying site with Vercel
02:34:54 Styling the site (TailwindCSS)
03:16:53 Wrap up
In this intermediate/advanced tutorial, we will design and build an AI-driven SaaS application from scratch. The application is an AI assisted copy/branding generator, which creates snippets and keywords for our customers based on their brand. Try it out!
👉Demo: copykitt.co
👉 Source code: github.com/pixegami/copykitt-tutorial
This is a great mid-sized project for anyone who wants to expand their portfolio, learn new skills, or get started
on a software business idea.
It's a long tutorial so I've broken it into chapters. Pace yourself! 🐢💡
--- Technology ---
Our backend server will be a Python FastAPI application that interacts with OpenAI, and we will
host it on AWS Lambda. Our frontend will be a static NextJS/React site hosted on Vercel, and styled with TailwindCSS.
Here are links to the tech that we are using:
👉 Python | python.org
👉 Typescript | typescriptlang.org
👉 React | reactjs.org
👉 NextJS | nextjs.org
👉 TailwindCSS | tailwindcss.com
👉 OpenAI | openai.com/api
👉 AWS | aws.amazon.com
👉 AWS CLI | aws.amazon.com/cli
👉 AWS CDK | aws.amazon.com/cdk
👉 Vercel | vercel.com
--- Content Chapters ---
00:00:00 Introduction
00:01:38 Technology overview
00:02:45 Operating costs
00:05:18 Product demo
00:06:40 SaaS architecture overview
00:08:43 Calling OpenAI with Python
00:16:00 Creating the Python backend app
00:38:50 Adding FastAPI
00:53:50 Backend infrastructure plan
01:04:47 Creating an AWS Lambda function
01:28:48 Finish the backend w/ API Gateway
01:41:35 Build frontend with NextJS/React
02:30:50 Deploying site with Vercel
02:34:54 Styling the site (TailwindCSS)
03:16:53 Wrap up
