Build a SaaS Application with NextJs, Stripe, Shadcn UI, TypeScript, Database Functions, Drizzle

[@OnlinePocketss]

Very nice! you went over Stripe too!

[@kapwin1for]

The addition of the embedded widget in this tutorial makes this video unique than the other tutorials on KZbin. Keep the good worK. My suggestion for your next video is Calendly SaaS clone with widget. Users can use the widget to book appointments.

[@haha-eg8fj]

You've basically used everything in the ShadCn-UI library. This project is crazy.

[@webdecoded]

I know, that's why it's under 6 hours

[@yantech.4249]

Wow this is an amazing SaaS building project. Big thanks for your work Ms.

[@aghileslounis]

Excellent showcase! Thanks For now, if someone goes to a website that uses the widget, they can copy/paste the umd.js and the widget code and create a simple .html file and paste it. They then will be able to send feedback for a project they don't own. You should add an authentication token or something to secure the widget so that only the user that paid for the SaaS can use the widget on his domains. Maybe some token with a combination of domain name + unique user token, name, id, stripe payement id. What do you think?

[@sasquatch_devs]

You could also replace the RPC call with an edge function (or endpoint 🤷🏻‍♂) that has a check for the domain of where the request was made from. If the domain matches the project's config, then you can make the RPC call otherwise, return a 400 error. Regardless, help the community and open a PR with _your_ approach! Happy coding! :)

[@aghileslounis]

@@sasquatch_devs yes your approach could also work I guess. What I’m not sure about is verifying only by the domain name, because it can easily be faked. I don’t know how to secure it in a reliable way to be honest. Because even with a token it’s still a client side thing, it can be copied and reused. We need to think in a much smarter solution

[@KochharAmandeep]

Well well well. I was exactly looking for this kind of project. Luckily, I found your channel. Subed immediately. Thank you for putting the hardowork for us.

[@BharathYashwanth-t4i]

No words to say! It's amazing 😍 and you are super cool.

[@afrozanjum5086]

Thank you so much for this content, Please continue making videos on SaaS apps.

[@patriqueporto]

Awesome project, thanks for more this share knowledge!

[@pandathedeveloper6660]

Is there any way to make the widget customizable by the user? For example, the user can customize the fields inside the widget.

[@eduardohpaludo]

Amazing project, thanks! Can I ask a question? I noticed that the widget is overwriting the styles on the page, h1 tag for example, when opening the popover, the h1 takes on the style of my widget, how do I avoid this behavior? Thanks

[@lukmonabdulsalam]

always try to make en .env.example in your github repo, thanks for the great work😊😊😊😊😊😊😊😊

[@webdecoded]

Thank you!! added them!

[@Harshvardhanpc]

12k people watched this tutorial till now, How many people have actually build this?

[@wesleyarya4310]

None 😂😂😂

[@haha-eg8fj]

Am half way but there are really a lot to learn in this video.

[@wesleyarya4310]

@@haha-eg8fj great to hear that brother. Keep going until you reach your goal ❤️

[@teetanrobotics5363]

Awesome project. thank you so much. Check out trpc and Authjs as well from the T3 stack. Thank you. please upload more such content

[@smilebig3884]

One recommendation: Since all the SaaS are currently built in nextjs using app router.. so it will be better if you go with what everyone is building on YT so that your viewers dont have to learn something additional. because for users it will be easy to catch up with same framework i..e nextjs app router. Currently you are using react.. i guess, not nextjs. Update: I saw the later video, it was react only for building widget

[@NahomTsegaye-ey3ig]

I'm confused is the app made in react or Nextjs??

[@CreateApp-g5q]

Can you please show how to build an uptime monitor?

[@suhridpaul7431]

Lovely project. Thank you

[@CodeWithBismillah]

beauty with brain❣

[@smilebig3884]

why did we add className widget? no explanation given?

[@mohammadshahzil6656]

I am getting cors error for feedbacks. and not able to put me data into feedbacks tabls. Kindly helpppp

[@bsc.itstudent3582]

please help solving the db:migrate error its not working i have setup all still showing url undefined

[@Aizen_exe09]

i'm gettting this issues: Using 'postgres' driver for database querying [⣷] applying migrations...Error: Can't find meta/_journal.json file at readMigrationFiles

[@maximlitviniuc7292]

Bro, just use "npm run db:generate" first. Should fix your issue!

[@scorpion32]

Great project👌

[@webdecoded]

@@scorpion32 thank you!

[@haha-eg8fj]

If we use ShadCN form we don't need to have a state for rating.

[@el.massarih]

I npm run dev nexx-saas repos but when i accesss it iget this error : Error: relation "subscriptions" does not exist

[@APerson-d5s]

Why use clerk auth instead of Supabase since you’re using it already?

[@treyrader]

das cuz she prolly makin dat clerk $$$ ;0

[@webdecoded]

@@treyrader nope I have no affiliation with clerk at the moment. I have seen issues reported of random logouts related to supabase auth but I'd have to revisit and try if it's been improved since then.

[@treyrader]

@@webdecoded ah ok. right on

[@haha-eg8fj]

I've tried Supabase auth but their docs are not upToDate. You always need to dig in to find out how to use it. And they don't provide free email verification anymore. So you have to set it up by yourself. But Clerk provides everything in their free plan right off the bat hence it's good for tutorial purpose project.

[@shaikhbadsha8169]

Can you please explain in brief what does this actually do I wanna create this for my final year project

[@shs4293]

How to embed this in other apps? Are you publishing it on npm?

[@doug8590]

amazing project, tranks a lot 😄

[@ShaneCurtis-nl2ev]

Youre writing backend code in a regular react app?

[@programadorCarioca]

Which plugin do you use to complete the jsx code?

[@mohamedGado3]

great work, keep it up

[@hi-io7ks]

Unhandled Runtime Error Error: operator does not exist: character varying = integer

[@berkaydisli326]

Great project!

[@markus_dev_cwb]

Awesome!!!

[@peliah-dev]

I love the video... 😊😊

[@webdecoded]

@@peliah-dev so glad you love it😊

[@bsc.itstudent3582]

IM NOT GETTING THE FEEDBACKC PLEASE HELP YOU JUST SKIP THE ERROR PART AND DIDN'T SHOW ANY SOLUTION

[@NahomTsegaye-ey3ig]

Did you figure it out?

[@bsc.itstudent3582]

@@NahomTsegaye-ey3ig yes I'm using the different for that that't why

[@smilebig3884]

I am in love

[@Filthbatman]

omfg you are always amazing and I love you!!!!!! amazing video

[@maxmurakami-moses4728]

Can you build a product hunt clone!

[@oyepariolaoluwalonimi8185]

I never knew you were a lady Wow, impressive!

[@ahmedahmedx9600]

Can i have a gf like you 😂 Im just joking, its really cool project thanks for the video 😊

[@MohamedElguarir]

lol, go touch grass.

[@sujayxaradhya]

Why everybody or every second grade developer is creating video only using Stripe? Does Stripe pay you? And if not then please look into small businesses, startups, or individuals who are facing problems like getting blocked with existing multi-thousands of dollars in the account with no legit reason by the worst Stripe. Why you guys don't make video on any other payment gateway integration? I understand that Stripe has best docs experience but this is not the legit reason to not make video on using any other payment gateway. Please do favour and help those business, startups that are getting shutdown only because of Stripe. This is really sad.😢

[@alexdin1565]

the worst thing in this video is that there are no timestamps === I can't watch 6 hours without it

[@MrSirIsBroke]

Be grateful for what others do for you for free 🙏

[@alexdin1565]

@@MrSirIsBroke This is just a note I like her content but 6 hours without timestamps it's a very bad idea for their followers

[@webdecoded]

@alexdin1565 added!

[@Filthbatman]

omg your voice is too sweet

[@jeonmiku6592]

plz can u do a ecommerce mobile app for supermarket with including Market Basket Analysis (MBA), AI/ML for Predictions, Seasonal Analysis .

[@haha-eg8fj]

an ecommerce project is going to take months to build, even with a team. If you do it by yourself you need to set aside at least 6 months and program everyday for the project and only expect to see a very basic application.