The addition of the embedded widget in this tutorial makes this video unique than the other tutorials on TH-cam. Keep the good worK. My suggestion for your next video is Calendly SaaS clone with widget. Users can use the widget to book appointments.
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.
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?
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! :)
@@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
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
@@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.
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.
i'm gettting this issues: Using 'postgres' driver for database querying [⣷] applying migrations...Error: Can't find meta/_journal.json file at readMigrationFiles
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
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.😢
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.
Very nice! you went over Stripe too!
The addition of the embedded widget in this tutorial makes this video unique than the other tutorials on TH-cam. Keep the good worK. My suggestion for your next video is Calendly SaaS clone with widget. Users can use the widget to book appointments.
You've basically used everything in the ShadCn-UI library. This project is crazy.
I know, that's why it's under 6 hours
Hi
Thank you so much for this
Please continue making unique production ready saas apps
Wow this is an amazing SaaS building project. Big thanks for your work Ms.
No words to say!
It's amazing 😍 and you are super cool.
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.
This is is a great video. Thanks for all the gems. I'll be using them in my next projects
Awesome project, thanks for more this share knowledge!
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?
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! :)
@@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
Thank you so much for this content,
Please continue making videos on SaaS apps.
Lovely project. Thank you
Great project👌
@@scorpion32 thank you!
I am getting cors error for feedbacks. and not able to put me data into feedbacks tabls. Kindly helpppp
great work, keep it up
amazing project, tranks a lot 😄
Is there any way to make the widget customizable by the user? For example, the user can customize the fields inside the widget.
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
Great project!
Awesome project. thank you so much. Check out trpc and Authjs as well from the T3 stack. Thank you. please upload more such content
beauty with brain❣
Awesome!!!
I love the video... 😊😊
@@peliah-dev so glad you love it😊
I npm run dev nexx-saas repos but when i accesss it iget this error :
Error: relation "subscriptions" does not exist
nice project
Youre writing backend code in a regular react app?
Which plugin do you use to complete the jsx code?
Can you please show how to build an uptime monitor?
Why use clerk auth instead of Supabase since you’re using it already?
das cuz she prolly makin dat clerk $$$ ;0
@@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.
@@webdecoded ah ok. right on
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.
why did we add className widget? no explanation given?
I am confused, Is this a Next js project or Vanilla React project?
omfg you are always amazing and I love you!!!!!! amazing video
always try to make en .env.example in your github repo, thanks for the great work😊😊😊😊😊😊😊😊
Thank you!! added them!
If we use ShadCN form we don't need to have a state for rating.
How to embed this in other apps? Are you publishing it on npm?
please help solving the db:migrate error its not working i have setup all still showing url undefined
Can you please explain in brief what does this actually do I wanna create this for my final year project
i'm gettting this issues:
Using 'postgres' driver for database querying
[⣷] applying migrations...Error: Can't find meta/_journal.json file
at readMigrationFiles
Bro, just use "npm run db:generate" first. Should fix your issue!
I am in love
IM NOT GETTING THE FEEDBACKC PLEASE HELP YOU JUST SKIP THE ERROR PART AND DIDN'T SHOW ANY SOLUTION
Did you figure it out?
@@NahomTsegaye-ey3ig yes I'm using the different for that that't why
12k people watched this tutorial till now, How many people have actually build this?
None 😂😂😂
Am half way but there are really a lot to learn in this video.
@@haha-eg8fj great to hear that brother. Keep going until you reach your goal ❤️
i build it
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
I'm confused is the app made in react or Nextjs??
Can you build a product hunt clone!
Unhandled Runtime Error
Error: operator does not exist: character varying = integer
this error is with schemas
hey u have not give proper deployment in this tutorial
Can i have a gf like you 😂
Im just joking, its really cool project thanks for the video 😊
lol, go touch grass.
I never knew you were a lady
Wow, impressive!
the worst thing in this video is that there are no timestamps === I can't watch 6 hours without it
Be grateful for what others do for you for free 🙏
@@MrSirIsBroke This is just a note I like her content but 6 hours without timestamps it's a very bad idea for their followers
@alexdin1565 added!
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.😢
omg your voice is too sweet
plz can u do a ecommerce mobile app for supermarket with including Market Basket Analysis (MBA), AI/ML for Predictions, Seasonal Analysis .
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.