Build a SaaS Application with NextJs, Stripe, Shadcn UI, TypeScript, Database Functions, Drizzle
Let’s build a Full-Stack SaaS App! The app enables users to collect feedback from their websites and the feedback collection widget is easy to embed. It will also include an admin dashboard and a subscription model. The tutorial also includes deployment and these are some of the concepts covered:
– Web Components – for embeddable widgets
– Authentication with Clerk
– Database Functions, Queries, Mutations and Hosting
– Creating and Generating Types with TypeScript – to ensure a type-safe application
– Injecting embeddable into other apps
– NextJS Navigation & Layouts
– Mobile Responsiveness
– Creating Tables, Pagination, Filtering
– Integrating Payment System
📁GitHub links:
https://github.com/judygab/nexx-saas
https://github.com/judygab/nexx-widget
✍️Full-Stack Roadmap:
https://webdecoded.gumroad.com/l/full-stack
👥Collect Testimonials:
https://testimonial.to/?via=webd
🧑🚀Deploy a custom AI agent:
https://customgpt.ai/?fpr=webdecoded23
✉️Check out DevForm:
https://devform.vercel.app
🛤️Host your DB on Railway:
https://railway.app?referralCode=rHmMH3
🐝Start your newsletter with Beehiiv:
https://www.beehiiv.com/?via=judy
📚Quiz AI Application:
https://www.youtube.com/watch?v=Oyd7pND0RYE
🗒️ AI Form Builder:
https://www.youtube.com/watch?v=zzWypOl4JkY
👾Join my Discord:
https://discord.gg/VGTVNvwReW
☕Support the channel:
https://buymeacoffee.com/webdecoded5
🙆♂️ Order your own Memoji
https://webdecoded.gumroad.com/l/weooa
disclaimer: I am affiliated, but not sponsored. This means I might make money when you purchase paid services through the links provided and I might be able to offer discounts when available.
Timestamps:
00:00:00 – Project Setup and Creating Embeddable Widget
00:55:50 – authentication
1:30:20 – Database Setup
1:43:45 – Projects Page
2:38:05 – Feedbacks Table
3:58:40 – Payments
4:59:47 – Landing Page
5:42:29 – Deployment