I absolutely love these super long tutorials! I'm sure they're hard to make but I really like it when you release long multi-hour videos. keep up the good work!
You just make my day, im looking for Prisma + Supabase video for damn long time and your just pop up. The db was async with schema sussesfully, thank you so much, the 999 like r mine people
Your videos are easy to understand. You are great at explaining things. I am still learning and i personally had problems to read stripe docs, while your videos helped me to implement subscription (for notes) and also purchasing multiple items (eshop). So, now i have a great start and can use these working solutions in my projects. Thanks to your projects i understand the power of CMS when creating eshops, it is very handy. I usually check projects to find certain features i would like to learn. I am going to check this cool project out, but i already see feature i wanted to learn, and it is booking for certain period with making days, that are already booked disabled from calendar. Your projects are helping me a lot, thank you very much. :}
I'm doing all the supabase project without prisma. supabase it self has SDK and it is great. easy to use, light weighted. why need for prisma when there is great tool that supabase provides??? great tutorial!!! by the way
Thanks, I used the supabase sdk in the past, and it was great for relatively simple applications. But as soon it got complex, I always got some sort of issues. So if it works for your then great, but it burned me to many times...
This is amazing, if I can change my life for only six hours, this video going to change my life I will struggle adding chatting system inside this app but I will try my best . Thank you so much, I promise this going to change my life
I've learnt many great concepts and workflow from this awesome tutorial. Awesome work Jan and am a fan. I do hope if possible you do a part 2 follow up (using this tech stack) incorporating more Kinde functionailities (like capturing a geolocation property during custom signups), subscription/mailing list widget and user management/organization. Thank you!
Hey Jan, just finished the stripe connect marketplace project - really enjoyed it, thank you! A question though.. why not just create a video integrating stripe connect to this project - would have saved you a month. Personally I like the modular format rather than just doing tutorials to learn bits here and there.
Thanks glad you liked it😃. I will try to incorporate both very soon. Currently working on a long tut and once it’s released I plan to make way more videos with modular formats so shorter ones
thank you so much, your channel got recommanded to me and i'm glad i watched this video i learned so much, i'm a new subscriber and i will be waiting for other high quality videos that you will create
Hi Jan, usually with Airbnb images they usually upload multiple images to showcase the house. I was wondering how would uploading like 5 images work to use it in a carousel gallery work?
this is totally awesome. need some time to go through it in detail but do you think i should try this tutorial first or the one where you create a SaaS first?
So the Saas tutorial is definitely more lower level which means it’s a bit easier to get started with. Nevertheless I think that the Airbnb video is the best tutorial which I have ever created… so If you are a complete beginner then the sass video, if you already know some stuff then this vid
Hey, sorry I just had a doubt at 6:39 regarding your theme on chrome or brave, if your browser is on dark mode how did your shadcn website go in light mode, I want the same thing as well. In tmine the browser also changes the sites theme
Thank you Jan for the great video.Wanted to ask is it necessary to protect routes using middleware while using kinde auth. The kinde documentation As of right now the middleware in the app router does not work when trying to redirect to api/auth/login
Are there any disadvantages to using Kinde Auth instead of the built-in Supabase Auth? I also like Kinde + Supabase and that's why I found this tutorial. But I wonder if there are downsides
Even tough Kinde is the sponsor of this vid I will be totally honest with you! I tried Supabase a few times already, before the ssr package came out and once it came out. I never liked it to be honest and there were always features missing that I needed. Also, there were a lot of bugs (maybe this has changed now?). So I would not say there are any downsides, if anything there are only upsides...
This tutorial is good but I get the error 500 Internal Server Error and the image does not show, on Prisma and Supabase it is uploaded but not on the application, any recommendations?
The website server is experiencing problems and cannot provide a more specific error code. Make sure buckets images have right URL, press Get URL (3:31:25)
That's a safety feature from chrome. Because your domain has some name which corresponds with the Airbnb name, chrome thinks you are a fishing/scam website. So if you change your deployment URL/project name to some gibberish, it won't show any red screen anymore.
I am just wondering. If I want only users from a company to log in, from a private company, how can I do that using kinde? Kind regards and thank you for the tutorial. Blessings!
Thank you. Do you mean users from only one specific company? If so then you could add a regex statement in the route handler which we create in the video and then check if the email ends with the correct @
I love the content friend, but I have a problem when uploading images, I put in my .env the variables NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY as in the video, I install the dependency and add the bucket with the policy shown in the video, and I can't get the image to upload, any recommendations?
I had the same problem. It worked for me when I set in our actions.ts file for our function CreateDescription the new Date() to string in path & also set the contentType to "image/*".
I'm getting an vercel edge functions and edge middleware error while using prisma in the nextauth route.ts, If you have any solution for this please let me know
I can not upload the home photo/image to my supabase :( Supabase tells Me there was a request for upload but when I check the bucket there's nothing :((((( been stuck for 2 days help
you are not filter by date , this is incomplete buddy i get too much from your video but date filter search is not you do, what i do next buddy , this is not good
@@artistejiro laravel livewire can do ajax request to the server without writting any line of javascript. And if you need javascript for browser action you can use alpine js.
Failed to compile ./node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs Attempted import error: 'useLayoutEffect' is not exported from 'react' (imported as 'useLayoutEffect').
i have an error [ ⨯ PrismaClientKnownRequestError: Invalid `prisma.home.create()` invocation: Foreign key constraint failed on the field: `Home_userId_fkey (index)` at async createAirbnbHome (./app/actions.ts:36:22) ⨯ PrismaClientKnownRequestError: Invalid `prisma.home.create()` invocation: Foreign key constraint failed on the field: `Home_userId_fkey (index)` at async createAirbnbHome (./app/actions.ts:36:22) ] please tell me how to fix
Great stuff. Thanks! I am getting an error at around 49:00 min time stamp: TypeError: Cannot read properties of undefined (reading 'map') at MapFilterItems (./app/components/MapFilterItems.tsx:17:82) at stringify () It would be great if you could point out. Thanks again! 6 | return ( 7 | > 8 | {categoryItems.map((item) => ( | ^ 9 | 10 | 11 |
Amazing video!!! but i have this erorr ⨯ PrismaClientKnownRequestError: Invalid `prisma.home.create()` invocation: Foreign key constraint failed on the field: `Home_userId_fkey (index)` at async createAirbnbHome (./app/actions.ts:36:22) and i dont seem to find a solution to it any help ?
I absolutely love these super long tutorials! I'm sure they're hard to make but I really like it when you release long multi-hour videos. keep up the good work!
Glad you appreciate them. They take very long to make, even tough it does not look like it.
effing LEGEND!! Just 15 mins in and the way you're explaining things is phenomenal!! Kudos
You eyes shows the hard work you put into this 🔥🔥💪💪
You just make my day, im looking for Prisma + Supabase video for damn long time and your just pop up. The db was async with schema sussesfully, thank you so much, the 999 like r mine people
Your videos are easy to understand. You are great at explaining things. I am still learning and i personally had problems to read stripe docs, while your videos helped me to implement subscription (for notes) and also purchasing multiple items (eshop). So, now i have a great start and can use these working solutions in my projects. Thanks to your projects i understand the power of CMS when creating eshops, it is very handy. I usually check projects to find certain features i would like to learn. I am going to check this cool project out, but i already see feature i wanted to learn, and it is booking for certain period with making days, that are already booked disabled from calendar. Your projects are helping me a lot, thank you very much. :}
Make ecomerce, make instagram clone, whatsapp, and crm clone. With the same next js, prisma, supabase. It would be awesome
Jan Already made video on e commerce but tht was with ORM what we want without ORM simole shopping cart functionality
Wth lmao build that yourself. Are you not learning anything from the videos?
Nuh uh, bruh said imma SQL injection Deez nutz@@arshah246
Use the information from his videos to make your own fullstack. Not shaming, but learn, try, and grow. I'm doing that and getting better.
I'm doing all the supabase project without prisma. supabase it self has SDK and it is great. easy to use, light weighted. why need for prisma when there is great tool that supabase provides??? great tutorial!!! by the way
Thanks,
I used the supabase sdk in the past, and it was great for relatively simple applications. But as soon it got complex, I always got some sort of issues. So if it works for your then great, but it burned me to many times...
Please make more tutorials like this. Im a huge fan
This is amazing, if I can change my life for only six hours, this video going to change my life I will struggle adding chatting system inside this app but I will try my best . Thank you so much, I promise this going to change my life
Done. Thanks for the tutorial. It worked from development to deployment
May you are such a legend! Honestly.... Thank you!
What a nice project! Thank Jan for share!
wow legend Jan Marshal
Ah danke Jan! Gans guttes video. Sehr viele dank!
love the demo. will build strive to complete it this week
absolutely excellent, top notch content in free. ❤
Oh Man you explain complex things like a easy thing I like the way you explain keep going
Thanks for the project, I like prism with Next
Well, here I go again on more hours with you, pal! Amazing project and thanks for all the work you are putting here, helps us a lot!
Watch out or you will get attached to me 😂
Have fun, it's a pretty cool project in my opinion, especially with the suspense boundaries and filter bar
I've learnt many great concepts and workflow from this awesome tutorial. Awesome work Jan and am a fan. I do hope if possible you do a part 2 follow up (using this tech stack) incorporating more Kinde functionailities (like capturing a geolocation property during custom signups), subscription/mailing list widget and user management/organization. Thank you!
Thanks, I will dive deeper into Kinde in the next tutorial I will create.
A top notch professional application.
so excited, need 6 hours now :D thanks so much for your time
It will be good spent 6 hours 🤝
Jan, thank you very much for this amazing journey ❤🙏
Great, thanks for your hard work and excellent full stack details
Hey Jan, just finished the stripe connect marketplace project - really enjoyed it, thank you! A question though.. why not just create a video integrating stripe connect to this project - would have saved you a month. Personally I like the modular format rather than just doing tutorials to learn bits here and there.
Thanks glad you liked it😃. I will try to incorporate both very soon. Currently working on a long tut and once it’s released I plan to make way more videos with modular formats so shorter ones
Wow wow thanks 🎉🎉
one of the great videos, keep up the good work man
Great tutorial. Thank you so much
thank you so much, your channel got recommanded to me and i'm glad i watched this video i learned so much, i'm a new subscriber and i will be waiting for other high quality videos that you will create
Thank you 🙏
Could you do a video building an online tutoring or appointment booking platform like preply or classgap? Thanks!!
Hi Jan, usually with Airbnb images they usually upload multiple images to showcase the house. I was wondering how would uploading like 5 images work to use it in a carousel gallery work?
Amazing project Man! Tks to share.
tks man, great work !!! 👍🏻 👊🏻
this is totally awesome. need some time to go through it in detail but do you think i should try this tutorial first or the one where you create a SaaS first?
So the Saas tutorial is definitely more lower level which means it’s a bit easier to get started with. Nevertheless I think that the Airbnb video is the best tutorial which I have ever created… so If you are a complete beginner then the sass video, if you already know some stuff then this vid
Hey, sorry I just had a doubt at 6:39 regarding your theme on chrome or brave, if your browser is on dark mode how did your shadcn website go in light mode, I want the same thing as well. In tmine the browser also changes the sites theme
Hey! Can you create part 2 of it by enabling payment feature for booking using Stripe?
Could you please tell how to make the dynamic translation for property listing?
hello, when i save the schema.prisma there is no autocompletion. i also installed the extension
Thank you Jan for the great video.Wanted to ask is it necessary to protect routes using middleware while using kinde auth. The kinde documentation As of right now the middleware in the app router does not work when trying to redirect to api/auth/login
❤❤❤❤ thank to hard work
can you make the the system for add the content?
sos crack amigo!
supabase 2:40:38 / 3:31:27
Why use kinde auth instead of supabase auth?
Excellent video!
What editor theme are you using?
Thanks, aura theme
Thanks Jan
Just saw that you are a member.
Thanks a lot 🙏🏻, you are now a certified legend 😂🚀
Let me know what you would like to see next.
Are there any disadvantages to using Kinde Auth instead of the built-in Supabase Auth? I also like Kinde + Supabase and that's why I found this tutorial. But I wonder if there are downsides
Even tough Kinde is the sponsor of this vid I will be totally honest with you!
I tried Supabase a few times already, before the ssr package came out and once it came out. I never liked it to be honest and there were always features missing that I needed. Also, there were a lot of bugs (maybe this has changed now?). So I would not say there are any downsides, if anything there are only upsides...
This tutorial is good but I get the error 500 Internal Server Error and the image does not show, on Prisma and Supabase it is uploaded but not on the application, any recommendations?
The website server is experiencing problems and cannot provide a more specific error code. Make sure buckets images have right URL, press Get URL (3:31:25)
Hi can you develop multi school management students with typescript, prisma orm. Please. Can you develop as your next project please
Great
I have a problem after deployment when open project in chrome I have that screen red with text sit danger but I can open it easy in edge
That's a safety feature from chrome. Because your domain has some name which corresponds with the Airbnb name, chrome thinks you are a fishing/scam website. So if you change your deployment URL/project name to some gibberish, it won't show any red screen anymore.
@@janmarshalcoding i do that and it work well thanks so much🙂
I am just wondering. If I want only users from a company to log in, from a private company, how can I do that using kinde? Kind regards and thank you for the tutorial. Blessings!
Thank you.
Do you mean users from only one specific company? If so then you could add a regex statement in the route handler which we create in the video and then check if the email ends with the correct @
i have error:
Error: this method must be invoked in a node.js environment
00:41:00
Same here
reservation without payment? looks unsafe
I love the content friend, but I have a problem when uploading images, I put in my .env the variables NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY as in the video, I install the dependency and add the bucket with the policy shown in the video, and I can't get the image to upload, any recommendations?
I had the same problem. It worked for me when I set in our actions.ts file for our function CreateDescription the new Date() to string in path & also set the contentType to "image/*".
Jan Please Explore Framer-motion ..
I will at some point in the near future!
I'm getting an vercel edge functions and edge middleware error while using prisma in the nextauth route.ts, If you have any solution for this please let me know
Firstly I don't use next-auth in this vid and secondly prisma does not work on the edge
@@janmarshalcoding I'm not talking about this video, I was facing this problem, so I thought I should ask you
But I'm not using the edge runtime, then this should be working ?
I can not upload the home photo/image to my supabase :( Supabase tells Me there was a request for upload but when I check the bucket there's nothing :((((( been stuck for 2 days help
Did you disable rls as shown in the vid?
Yes my bucket is public and did the policy thing as u shown ;(@@janmarshalcoding
@@janmarshalcoding yes I did
nice, what is your theme in vscode ?
Aura theme
@@janmarshalcodingthx buddy
if possible can u build something with mern stack
I don't like MongoDB so probably not
serverless is the main stream bro
Walker Margaret Garcia Daniel Brown Brenda
Theme name? please
aura theme
you are not filter by date , this is incomplete buddy i get too much from your video but date filter search is not you do, what i do next buddy , this is not good
I don't understand what you mean, lol
@@janmarshalcoding in last. When you filter listing by name and location , room count then not filter by date, now understand or not. lol
You can do the same application with laravel livewire in less than 2 hours.
How so?
@@artistejiro laravel livewire can do ajax request to the server without writting any line of javascript. And if you need javascript for browser action you can use alpine js.
it's not working.
What is not working
your brain is
Failed to compile
./node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
Attempted import error: 'useLayoutEffect' is not exported from 'react' (imported as 'useLayoutEffect').
Amazing!
is there admin panel
i have an error [
⨯ PrismaClientKnownRequestError:
Invalid `prisma.home.create()` invocation:
Foreign key constraint failed on the field: `Home_userId_fkey (index)`
at async createAirbnbHome (./app/actions.ts:36:22)
⨯ PrismaClientKnownRequestError:
Invalid `prisma.home.create()` invocation:
Foreign key constraint failed on the field: `Home_userId_fkey (index)`
at async createAirbnbHome (./app/actions.ts:36:22)
]
please tell me how to fix
same error
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
directUrl = env("DIRECT_URL")
relationMode = "prisma" // Allows foreign key, i.e, disables foreign key constraints
}
Great stuff. Thanks! I am getting an error at around 49:00 min time stamp: TypeError: Cannot read properties of undefined (reading 'map') at MapFilterItems (./app/components/MapFilterItems.tsx:17:82) at stringify () It would be great if you could point out. Thanks again!
6 | return (
7 |
> 8 | {categoryItems.map((item) => (
| ^
9 |
10 |
11 |
My bad! Forgot to save the categoryItems.ts. Took me 30 min, lol. Keep up with the great work.
Haha, happens sometimes
At 2:44:20
... ${imageFile.name}-${new Date() ...
error: 'InvalidKey',
message: 'Invalid key:file.jpg-Sun Apr 21 2024 19:46:53 GMT-0600 (hora estándar central)'
Changed for:
... ${imageFile.name}-${new Date().getTime()} ...
After placing getTime, the image appears in the database and in Prisma Studio, not before. thank you so much!
@@JuanSebastian-nq9gw Me too, Thanks
Amazing video!!! but i have this erorr ⨯ PrismaClientKnownRequestError:
Invalid `prisma.home.create()` invocation:
Foreign key constraint failed on the field: `Home_userId_fkey (index)`
at async createAirbnbHome (./app/actions.ts:36:22)
and i dont seem to find a solution to it any help ?
datasource db {
provider = "postgresql"
url = env("DATABASE_URL")
directUrl = env("DIRECT_URL")
relationMode = "prisma" // Allows foreign key, i.e, disables foreign key constraints
}
Great tutorial. Thank you so much