Man, Thank you so much! I had problem with connecting Drizzle ORM or Prisma with Supabase, but with your tutorial I can finally connect Prisma to the Supabase and learn CRUD operations. Thank you again
When coding along, it won't let me go beyond 55:00. Reloading the page results in either no loading (90% of the time) or loading with both the Sign Up and Logout buttons visible. However, clicking the Logout button is unresponsive. If I click the Sign Up button, the page displays in an unusual design with everything positioned on the left side. Despite attempting "npm run dev" multiple times, the issue persists.
Hi! Please do a beginner course on how to develop and deploy a website for a startup. Just to collect email. After this a followup on how to take subscription payments for a digital product. Thank you
I've seen some people using stripe-js library with loadStripe on the client and redirecting from there. Your implementation is much cleaner, but I wonder if there's any difference.
Yeah, I don't understand why everyone uses stripe-js... maybe they don't know better 😶🌫️ For Stripe Checkout there is 0 difference, but if you use stripe to embed something like elements or smth then you will have to use stripe js...
Really grateful to you... Straight to the point & clean code !!! 👏👏👏 If you allow me to come up with a video idea, about a multi-language and multi-currency kind of financial portal. 👍🏻 👊🏻
2:59 can please let me know what other events should be handled in prduction? Just the events or direct some resouce for production ready event handling
Great tutorial!!! Anyone knows how can i add the next-intl with this project, i am trying to follow different tutorials of next-intl but no success....
Thanks for the amazing Tutorial I am getting this error , when i am trying login with twitter "Something went wrong. And honestly, we do not know what it was. Try starting a new session." it shows status 200 in logs , no error messages did anyone face this issue . I have recreated the twitter app , checked callback urls nothing seems to work
This is great. Thank you so much! Do you have any recommendations for a markdown editor to use within Next.js? This has really helped me with CRUD actions but I'd like to learn how to get more flexibility in the description field. Thank you.
Thank you. rtes or markdown editors a like the most annoying thing to implement since in my opinion there is no really easy option to use. There is something called Novel, but it does not play that good with shadcn (Check GitHub issues to see how to fix that.). But if you have some time to implement something substantial, I would probably try to implement editorjs
Excellent video! I was able to follow through it completely in one go. I'm able to get the project running but just wondering what can be done to ireduce the time in pendig state, in this case its a very simple application of adding and retrieving few text fields for our notes and even then its taking a bit long to create a new note or accessing the created notes. From a user's pov the website feels bit sluggish to use to be called production ready. Thanks for covering all the important aspects tho!
Thanks. There are a lot of things you could do. 1: Change the region of your db and deployment to the closes to your location 2: Use Edge functions to reduce cold starts 3: add Optimistic UI But you can't reduce the speed of navigation...
Cool, thanks for the reply! I guess I'll be looking into more about edge functions since one of major pain points is related to long delays due to cold start. Also will shoot my shot and ask you if you could consider making about making and using edge functions!
Also I tried adding a search bar in the dashboard page (where we are initially fetching all the user notes), I was able to create a search field and added a function which gets triggered from form action, I could verify by printing that upon making the search the "data" field has the Notes object that I'm trying to find but on the UI it is still showing all the notes. Can you please help me on how can I adjust the code to update the code so that the UI gets updated with this "data" of search. Sorry for my naive questions, I'm a django developer and this is probably my first Next js video which I was able to follow through completely.
Thanks Jan. Gun material. I wanted to know though we are wiring database calls through our frontend resources (like dashboard/page.tsx). I was hoping to do something of this sort in the api layer, and fire it through a fetch call. Will that be more beneficial in longer run?
Thanks, you could use route handlers (API routes), but honestly I only use them like 5% of the time (for webhooks or smth like that.) If you think that at some point you want to create something like a BFF(remix.run/docs/en/main/guides/bff), because you want to build a mobile app which has access to the same API routes, then you should definitely use route handlers. But if your intention is to build a closed source website without providing public APIs then I don't see any reason to use route handlers, since it takes more time (a lot of boilerplate code...). Also, when using server actions for server components they still fetch all the code on the server-side and nothing is fetched on the client...
1:33:44 I get this Error: P1001: Can't reach database server at `postgres`:`5432` . I have followed as instructed, could you please point out what is causing this error. Thank you!
Got around it by replacing it with 5432 on DIRECT_URL with 6543. Then after running npx prisma db push I get error so I change it back to 5432 and it worked.
@@StephenRayner ee use key from unique ID of our data when data needs to be modified or changing... If the list stays the same, then6we can put index as the key.
Clear instructions
Straight to the point & clean code
Structured approach
Give that fella a follow - in before this account gets much larger 🤝
Legend, Thank you 🐐🙏🏻
Probably the most valuable coding video I`ve watched on TH-cam! Well done! Looking forward to future videos.
Man, Thank you so much! I had problem with connecting Drizzle ORM or Prisma with Supabase, but with your tutorial I can finally connect Prisma to the Supabase and learn CRUD operations. Thank you again
Haha, yeah annoying that they changed everything...
Glad the video helped you!
Honestly, your approach is simple , clear and explanatory. Thanks so much for this ❤️
Keep grinding! You need to upload your SaaS project in 6 months or less 💪
The theme part is something that really troubled me, thanks, buddy. You got a new subscriber from Tanzania 🇹🇿 🎉🎉🎉🎉
Yeh . I do have the same issue. Really eye opening.
Finally to see someone from Europe making good tutorials :) greetings from North Macedonia bruder :)
Great! I wanted to get some sort of boilerplate for my sass. This will serve the purpose. Thank you Jan.
Another top notch professional tutorial👍
A lot more coming 🫡
congratulations, timely and enlightening content, from 0 to the top
Thank you so much for this amazing tutorial❤😊, using kinde authentication becomes so simple 🥳
I got another error to the pathname === item.href !!! It's doen't work for me!
what happens when a user cancels a subscription in the portal - its status will forever be "active" in the DB ?
It's not nice to hide the GitHub repository behind GitHub logging. I just wanted to copy themes styles, but I had to do it on my own.
Always great !!! one suggestion is only let subscribed user to let change theme for $1 only that would make more sense
Clear to the business. Awesome!
When coding along, it won't let me go beyond 55:00. Reloading the page results in either no loading (90% of the time) or loading with both the Sign Up and Logout buttons visible. However, clicking the Logout button is unresponsive. If I click the Sign Up button, the page displays in an unusual design with everything positioned on the left side. Despite attempting "npm run dev" multiple times, the issue persists.
your project are great!! one thing i want to ask is how can we use stripe test account ???
29:36 Welcome to the moment when you changed the whole project into Dynamic (rendered on demand) and not as static pages 😅😅😅😅
On stripe webhook I am getting a 307 redirected. Why would it happen?
Your tutorials are always top-notch can you please create a inventory management system using Next.js with multiple role.
Another quality content, rlly thx for ur efforts.
Jan out here putting up numbers like 66-75 Franz Beckenbauer
Jan vscode suggested I switch the module resolution to node instead bundler like you have do you think it will matter in the end?
Waoh! We gettin' another video.
Hi! Please do a beginner course on how to develop and deploy a website for a startup. Just to collect email. After this a followup on how to take subscription payments for a digital product. Thank you
Gracias por el pool de llamadas de sup abase no lo encontraba en ningún lado 🎉
Nice one, Jan. This is really amazing. I cannot wait to start working on this.
I've seen some people using stripe-js library with loadStripe on the client and redirecting from there. Your implementation is much cleaner, but I wonder if there's any difference.
Yeah, I don't understand why everyone uses stripe-js...
maybe they don't know better 😶🌫️
For Stripe Checkout there is 0 difference, but if you use stripe to embed something like elements or smth then you will have to use stripe js...
Great podcast 🙌
Great and Cool tutorial. Thank you for this video
great tutorial bro keep it up!! Subscribed!!!!
Nice code but you don't install react-icons and it still working.
Sorry
I get it....
thank u so much bro 👍
Really grateful to you... Straight to the point & clean code !!! 👏👏👏 If you allow me to come up with a video idea, about a multi-language and multi-currency kind of financial portal. 👍🏻 👊🏻
2:59 can please let me know what other events should be handled in prduction?
Just the events or direct some resouce for production ready event handling
Great tutorial!!! Anyone knows how can i add the next-intl with this project, i am trying to follow different tutorials of next-intl but no success....
Thanks for the amazing Tutorial
I am getting this error , when i am trying login with twitter
"Something went wrong. And honestly, we do not know what it was. Try starting a new session."
it shows status 200 in logs , no error messages
did anyone face this issue .
I have recreated the twitter app , checked callback urls nothing seems to work
Wow. Thanks a lot.
why when i save Ctrl + S when creating model its not automatically updated as yours? 3:13:03
Yeah, forgot to mention that. Install the prisma extension in the extensions tab
this is really Good
Thanks !
Hi, i get this error and it is nor redirecting me once i register....KindeSDKError: Attempting to commit invalid id_token
Well it seems like your is Id is invalid. Probably copied the incorrect key.
This is great. Thank you so much! Do you have any recommendations for a markdown editor to use within Next.js? This has really helped me with CRUD actions but I'd like to learn how to get more flexibility in the description field. Thank you.
Thank you. rtes or markdown editors a like the most annoying thing to implement since in my opinion there is no really easy option to use. There is something called Novel, but it does not play that good with shadcn (Check GitHub issues to see how to fix that.). But if you have some time to implement something substantial, I would probably try to implement editorjs
nice work! do you think kinde is better than the supabase auth?
There is another one Clerk. I'm really confused between auth0, clerk, kinde, drizzle, prisma, mongoose, postgres, mysql, mongodb
I keep getting 404 Not found for the stripe webhook. Any help?
probably a mismatch in route?
Im getting the same error. Do you know how to fix it?
Hi Jan, great video! I have one question - what is the theme you use for your IDE (VS Code I am assuming)
It looks great haha
Thanks, if I remember correctly it's called aura theme.
and yes it's VS Code
Is it required to have a Stripe account to use The API?
Excellent video! I was able to follow through it completely in one go. I'm able to get the project running but just wondering what can be done to ireduce the time in pendig state, in this case its a very simple application of adding and retrieving few text fields for our notes and even then its taking a bit long to create a new note or accessing the created notes. From a user's pov the website feels bit sluggish to use to be called production ready. Thanks for covering all the important aspects tho!
Thanks.
There are a lot of things you could do.
1: Change the region of your db and deployment to the closes to your location
2: Use Edge functions to reduce cold starts
3: add Optimistic UI
But you can't reduce the speed of navigation...
Cool, thanks for the reply! I guess I'll be looking into more about edge functions since one of major pain points is related to long delays due to cold start. Also will shoot my shot and ask you if you could consider making about making and using edge functions!
@@mernik5599 I will definitely do it at some point in the future
Also I tried adding a search bar in the dashboard page (where we are initially fetching all the user notes), I was able to create a search field and added a function which gets triggered from form action, I could verify by printing that upon making the search the "data" field has the Notes object that I'm trying to find but on the UI it is still showing all the notes. Can you please help me on how can I adjust the code to update the code so that the UI gets updated with this "data" of search. Sorry for my naive questions, I'm a django developer and this is probably my first Next js video which I was able to follow through completely.
Fantastic Video, really learnt a lot and very much enjoy your style of explaining. Thank you and keep it up :)
What is the software you use to record your screen?
Kap
Thanks Jan. Gun material. I wanted to know though we are wiring database calls through our frontend resources (like dashboard/page.tsx). I was hoping to do something of this sort in the api layer, and fire it through a fetch call. Will that be more beneficial in longer run?
Thanks,
you could use route handlers (API routes), but honestly I only use them like 5% of the time (for webhooks or smth like that.)
If you think that at some point you want to create something like a BFF(remix.run/docs/en/main/guides/bff), because you want to build a mobile app which has access to the same API routes, then you should definitely use route handlers. But if your intention is to build a closed source website without providing public APIs then I don't see any reason to use route handlers, since it takes more time (a lot of boilerplate code...).
Also, when using server actions for server components they still fetch all the code on the server-side and nothing is fetched on the client...
nice bro
1:33:44 I get this
Error: P1001: Can't reach database server at `postgres`:`5432` .
I have followed as instructed, could you please point out what is causing this error. Thank you!
Got around it by replacing it with 5432 on DIRECT_URL with 6543. Then after running npx prisma db push I get error so I change it back to 5432 and it worked.
sir try such tutorials on expo react native some dy😊
I am sorry I get it... May be you should explain that the icons must be download...
use typescript for future projects
This project literally uses typescript lmao
it throws me cant reach your db but whereas my db is connectd how to fix it
plz rply
just copy your database url and paste it in your .env dont edit it like he did in the video it worked for me
I have Complete these 1.5 hour
Is this project okay for frontend developer ????
Yes
You should not use index for key when map!. You can search google about this problem.
Yeah, I know. But in this project there won't be any issues if you use the index key.
Explain why
Also timestamp would be helpful
@@StephenRayner ee use key from unique ID of our data when data needs to be modified or changing... If the list stays the same, then6we can put index as the key.
Nice
Respected Sir please make a project using neon database with nextjs Typescript instead of Supabase
bro cant you make with mongo db
In Nigeria we cannot use stripe
ok i guess
what theme is that?
Aura theme
wunderbach
supabase have again fixed that thing to previous