- 1
- 5 675
Andreas Trolle
Denmark
เข้าร่วมเมื่อ 20 ก.ย. 2024
Hi, my name is Andreas and I'm a Software Engineer from Denmark. I have bachelor's degree in SE and 5 years of industry experience.
My goal is to teach you coding to the best of my abilities.
My goal is to teach you coding to the best of my abilities.
Build a Thumbnail Generator SaaS: Next.js, React, Tailwind, AWS, Next Auth, Stripe, Prisma (2024)
Source code: github.com/Andreaswt/thumbnails
Hi 🤙 In this 8 hour video you'll learn how to build a SaaS application for automatically creating POV-style TH-cam thumbnails. You'll be able to build along with me from project setup to Vercel deployment.
Features:
🤖 AI Background Removal
🖼 Thumbnails Templates
🪣 S3 Bucket Integration
💳 Stripe Integration
💰 Credit System
📤 Image Uploader
🔑 Sign Up And In
✨ Sleek Landing Page
🚀 Vercel Deployment
📊 Postgres Database
📖 Chapters
00:00 Demo
01:40 Project setup
09:13 File walkthrough
32:14 Serving the webpage
42:20 Installing shadcn/ui
51:04 User authentication
02:42:36 Dashboard
02:55:54 File dropzone
03:13:32 Thumbnail presets
03:46:25 Background removal
04:04:55 Text in thumbnail
04:15:55 Applying presets
04:21:39 Download thumbnail
04:27:56 Edit thumbnail
04:47:11 Import fonts
04:52:24 Recent thumbnails list
05:03:52 AWS integration
05:14:58 S3 upload
05:44:41 Credits
05:50:59 Pricing page
06:02:58 Stripe integration
06:58:06 404 page
07:02:22 Favicon
07:03:59 Landing page
07:21:51 Deployment
Hi 🤙 In this 8 hour video you'll learn how to build a SaaS application for automatically creating POV-style TH-cam thumbnails. You'll be able to build along with me from project setup to Vercel deployment.
Features:
🤖 AI Background Removal
🖼 Thumbnails Templates
🪣 S3 Bucket Integration
💳 Stripe Integration
💰 Credit System
📤 Image Uploader
🔑 Sign Up And In
✨ Sleek Landing Page
🚀 Vercel Deployment
📊 Postgres Database
📖 Chapters
00:00 Demo
01:40 Project setup
09:13 File walkthrough
32:14 Serving the webpage
42:20 Installing shadcn/ui
51:04 User authentication
02:42:36 Dashboard
02:55:54 File dropzone
03:13:32 Thumbnail presets
03:46:25 Background removal
04:04:55 Text in thumbnail
04:15:55 Applying presets
04:21:39 Download thumbnail
04:27:56 Edit thumbnail
04:47:11 Import fonts
04:52:24 Recent thumbnails list
05:03:52 AWS integration
05:14:58 S3 upload
05:44:41 Credits
05:50:59 Pricing page
06:02:58 Stripe integration
06:58:06 404 page
07:02:22 Favicon
07:03:59 Landing page
07:21:51 Deployment
มุมมอง: 5 860
Great work. Thank you👍
Is it inspiration of text behind image
nice idea but not practical enough for yt thumbnail creativeness
Great man
great!
Awesome! Thank you!
🔥
We want the project from scratch code to advanced
Make on jsx
Amazing project Andreas, tks to share and go to code!
Kindly Create another great project! ❤...
Wow
Great.. Build some project like custom tshirt design
Your videos are awesome
Hey great video Where did your previous videos go
Thanks for making this, you're awesome
Please build a zapier like saas website
Hey why did you hide that 4 videos why I was working on it
greate work trolle sir 💯💯💯💯💯