Thanks a lot man. This means a lot to me. I just loaded the dummy data with faker js. So some of them are broken. I will add stripe payment and stuffs in a few days
Cheers dude, good work. For stripe I can recommend the taxonomy implementation by shadcn, worked well for me in my builds and just takes 30 mins or so to do
Hey Josh! Just watched your video and I gotta say, I'm feeling inspired! Seeing you go back and forth about project made me realize I should start working on my portfolio. And you know what? It doesn't have to be perfect. Your point about simplicity really hit home. I've been overthinking it, wanting everything to be pixel-perfect. But now I see that it's more important to showcase my skills and let my work speak for itself. So, thanks for that reminder! I'm gonna dive into creating my portfolio soon, embracing the potential it holds. Who knows, maybe it'll surprise me just like this project did! Keep rocking those videos, and I'll be eagerly waiting to see your next video.
I love this kinda review video . in tech field all we see just the reviews of hardware devices like phone, laptop etc but in dev sector i feel this genre is missing . keep it up .
Anyone browing this. Products working fine. Skeletons. Also search working. There's great value in this repo. The search is similar to tailwindcss. The layout is more classic "WP" with slideshow, info on right side, related products etc. Not the most advanced but great for learning and rebuild. Awesome thing, made from UploadThatThing. Im still unsure how there can be so little "API" routes and still work.
Hey man. I just wanted to express my gratitude. I learned so much from you. Iam currently working on realtime chafapp. It's awesome. Iam amazed the way you created the video for almost 8hrs. Its all production level apps . I would like to see some complex app like Taskmanagement, billing software and more functionalities related apps from you. ❤
You should create a specific video on drizzle and i want to know can i connect drizzle to mongodb atlas if not is there is any free alternative of mongodb atlas? BTW you put great afforts in you videos 💓
Cheers man, appreciate the suggestion! As far as I know, as @TheGoondPlayer has said, Drizzle only supports MySQL, Postgres and SQLite at the moment. If that changes in the future I'll get back to this
Hey josh, are server actions better than what you did with breddit using React-Query and are you going to be using server actions in a future tutorial? Love the content!!
Not a fan of them as is, just too many gotchas. Not sure how to handle loading / error states as well as react query in them and I don't think using a form whereever you want these api calls is awesome for HTML semantics. So I'm staying away for now, but we'll see how they turn out when they're eventually stable. Cheers man!
Hey Josh. Please confirm, but I think he over used the useTransition hook. From what i understand, it is used for expensive computations - as it makes your component handle more state changes.
thanks , hey josh any typescript course? am used to react jsx but am having issues with next especially using useSate any tips or any social i can link up i have questions
hey josh! your content is awesome! could you please make a full stack webapp following production level best practices with integrations like AWS and deployment! like it's fully secure and running like a real world app.
Hi Josh I am following you from Syria I am very grateful for learning from such a professional developer like you , and I am getting better day by day because of your marvelous content , I have a suggestion please can you make some optimization to this repo in the next video I want to learn something advanced out of this repo by editing it . thanks alot
Yeah interesting idea with the refactoring, something I've never done before. Getting a good example to refactor that fits well into a video like these might not be the easiest, but there's a lot to learn from it
Studies have shown that overly complex password requirements actually result in WORSE security. Not because the complexity isn't better, but because people will just externally store passwords they can't easily remember, and those are more likely to be comprised.
Hi Josh 👋 ! I want to build a e-commerce project for production with Next.js 13, any ideas of what will be the best tool to easily implement a backend with backoffice ? I saw already firebase and sanity but maybe you know a better tool to do it ? Thanks for all your work for us bro 😎
Hey Josh, is it okey for you to make a tutorial about the sample in this project? I want to make my authentication pages full page like in this video with complete new layout. However, what i am getting is the container from root layout.
I have a basic question about the skateshop project. I do not figure out how is the home page loaded. There is no 'page.ts' file in the 'src/app' folder.
This is a great project to use as a reference. I'm getting this error when spinning it up "Clerk: Infinite redirect loop detected" - anyone else seeing this?
Turning this into something as general as "this" is better than "that" doesn't make sense. Project structure comes down to either your personal or your team's organization; there are so many different approaches. I came to appreciate this one too.
@@joshtriedcoding there are many different approaches, but this reasoning for why you can't say something is preferable over another approach doesn't make any sense, so I disagree
Everyone is talking about shadcn, and even though it looks pretty solid, trying it on mobile is a nightmare.. I probably didn't get the original intent of this tho
Hello josh, can you make tutorial how to do POST an File and save it to local directory with new API system form next js 13? it's very difficult for me with this update from request. Thankyou josh
@@joshtriedcoding sorry, I think we have a misunderstanding. I'm not referring to the source code of the project, but that VS Code extension that popped up more information in a nice design. I didn't see that in the GitHub project.
I don't think such a thing exists. Most enterprises don't use next because, in the grand scheme of things, it's relatively new. Especially not NextJS 13.4 and later, these things are not relevant in enterprise apps because they are way too new. That said, there are awesome open-source projects of SaaS with multiple tens of thousands of users in NextJS you can take a look at
Small project, ok to use 3rd party auth system. For long term project you expect to grow, not really worth it. Implementing auth system just won’t spend you lot of time unless you lack of experience
I don't think it's about "expecting" to grow, but *actually* growing past these user milestones. I feel way too many people obsess over this stuff way before they reach any scale that would require them to switch providers. Just allows you to move much faster at the start and leverage resources to move away once you have a solid user base bringing in revenue
@@joshtriedcoding you have the point. Just starting with selfhost won’t spend you lots of time. However, moving large base of user need times and need more careful. Of course, if you have solid user base and revenue , you would have resource to do so. But moving large user , re-salting password not easy and need investigation on compatibility, road map. It’s trade off, easy first or easy after. It’s a lot of factor to consider though, no absolute answer
@@domw2391 Bro I also do the same like even for my portfolio projects I use nextjs with a custom server just like we do things for a full stack mern project
i saw a tweet of shadcn nearly 30 mins ago. he posted about components.json. i am not that musch sure of it what is it but i can say this json file is something for the ui library
This project uses drizzle with a mysql database for regular data. For user data specifically, this is outsourced to the 3rd party provider Clerk to handle auth
when using stripe webhook I am getting 401 everything is correct code variable but when running webhook it's giving 401 kindly tell how to fix it I know about 401 unauthorized but how to provide it in webhook api as it runs after payment is succesfull on checkout session kindly guide me
I'm not going to give my customers information to Clerk, who will charge me for me accessing them and they accessing my site. NO! If I were to use such a service I would have gone for Firebase which is $0.0055 per auth after 50,000 mau. Clerk is $0.25 for each auth after 1000 monthly active user. Is money growing on a tree in your yard?
I wouldn't worry about this stuff until you actually need to move away. This premature optimization in terms of scalability just doesn't make sense to me
@@joshtriedcoding Is there an export user database option in Clerk? I didn't think so. You can't move away, it's a vendor lock in. Once you're in, there's no way out.
Thanks a lot man. This means a lot to me. I just loaded the dummy data with faker js. So some of them are broken. I will add stripe payment and stuffs in a few days
nice work man !
Cheers dude, good work. For stripe I can recommend the taxonomy implementation by shadcn, worked well for me in my builds and just takes 30 mins or so to do
How can you learn and build something so fast bro?
You did a really good job bro. I really appreciate your work. I learned a lot from your repo.
You are the best
Hey Josh!
Just watched your video and I gotta say, I'm feeling inspired! Seeing you go back and forth about project made me realize I should start working on my portfolio. And you know what? It doesn't have to be perfect. Your point about simplicity really hit home.
I've been overthinking it, wanting everything to be pixel-perfect. But now I see that it's more important to showcase my skills and let my work speak for itself. So, thanks for that reminder!
I'm gonna dive into creating my portfolio soon, embracing the potential it holds. Who knows, maybe it'll surprise me just like this project did! Keep rocking those videos, and I'll be eagerly waiting to see your next video.
Cheers dude happy to hear that
I learn alot from your videos, especially the really longs ones where you make a project. Please keep it up🎉❤
That is very nice to hear. Cheers dude!
Keep seleting repos
Let's keep learning ❤
1:35 If you're in mobile, you can view it easier. Man I appreciate you, you're a good man.
I love this kinda review video . in tech field all we see just the reviews of hardware devices like phone, laptop etc but in dev sector i feel this genre is missing . keep it up .
I agree!
Thank you for sharing this excellent resource. I'm eagerly looking forward to seeing more content like this in the future.
Thanks to everyone who did this project. Its so useful! Great job!
You're right, this project is pretty tight. I'll be following this setup
Anyone browing this. Products working fine. Skeletons. Also search working. There's great value in this repo. The search is similar to tailwindcss. The layout is more classic "WP" with slideshow, info on right side, related products etc. Not the most advanced but great for learning and rebuild. Awesome thing, made from UploadThatThing. Im still unsure how there can be so little "API" routes and still work.
Awesome video. This looks like it would integrate flawlessly to be a frontend for a medusajs backend.
Love this kind of videos, keep them coming
Your youtube channel is a real gold mine, thank you so much for your work :)
Love your video when you review repo and it's help a lot
Happy to hear that dude
Impressive, very nice. Let's see Paul Allen's Nextjs project.
oh my god dude
Hey man. I just wanted to express my gratitude. I learned so much from you. Iam currently working on realtime chafapp. It's awesome. Iam amazed the way you created the video for almost 8hrs. Its all production level apps .
I would like to see some complex app like Taskmanagement, billing software and more functionalities related apps from you. ❤
That means a lot dude, thank you.
QuickTip: The Webpage also has a link to youtube which explains how to do a kickflip, awesome addition!
Oh dayum
You should create a specific video on drizzle and i want to know can i connect drizzle to mongodb atlas if not is there is any free alternative of mongodb atlas? BTW you put great afforts in you videos 💓
Drizzle is SQL only
Cheers man, appreciate the suggestion! As far as I know, as @TheGoondPlayer has said, Drizzle only supports MySQL, Postgres and SQLite at the moment. If that changes in the future I'll get back to this
Yeah drizzle is much master than prisma and I'm super excited to try it out.
The whole point of drizzle being created was to bring us closer to SQL, so I don't see them pivoting to a noSQL solution for a while, if ever.
@@sukritsaha5632Prisma is so good and makes life easier and with mongoDB support is just amazing
Love to see a project with Clark and Drizzle
Hey josh, are server actions better than what you did with breddit using React-Query and are you going to be using server actions in a future tutorial? Love the content!!
Not a fan of them as is, just too many gotchas. Not sure how to handle loading / error states as well as react query in them and I don't think using a form whereever you want these api calls is awesome for HTML semantics. So I'm staying away for now, but we'll see how they turn out when they're eventually stable. Cheers man!
Hey Josh. Please confirm, but I think he over used the useTransition hook. From what i understand, it is used for expensive computations - as it makes your component handle more state changes.
Somehow I already knew what project you were gonna be looking at 😂
Yep i tried clerk and its really great the best i have ever use its easy to getting started and customization
So that's how you write such good code!
thanks , hey josh any typescript course? am used to react jsx but am having issues with next especially using useSate any tips or any social i can link up i have questions
Amazing, How do you find these repositories ?
Found this one on Twitter, a follower made it
hey josh! your content is awesome! could you please make a full stack webapp following production level best practices with integrations like AWS and deployment! like it's fully secure and running like a real world app.
Woah! This looks awesome.
It does man
Hi Josh I am following you from Syria I am very grateful for learning from such a professional developer like you , and I am getting better day by day because of your marvelous content , I have a suggestion please can you make some optimization to this repo in the next video I want to learn something advanced out of this repo by editing it . thanks alot
Yeah interesting idea with the refactoring, something I've never done before. Getting a good example to refactor that fits well into a video like these might not be the easiest, but there's a lot to learn from it
@@joshtriedcoding Thanks alot bro
Studies have shown that overly complex password requirements actually result in WORSE security. Not because the complexity isn't better, but because people will just externally store passwords they can't easily remember, and those are more likely to be comprised.
Interesting, yeah people just can’t be bothered and use the same password all the time
Hi Josh 👋 !
I want to build a e-commerce project for production with Next.js 13, any ideas of what will be the best tool to easily implement a backend with backoffice ?
I saw already firebase and sanity but maybe you know a better tool to do it ?
Thanks for all your work for us bro 😎
Good Job !
Please make a clerk auth video with next js 13, I want to use it in my apps please bro make it,
You are really good man🎉❤❤
Hey Josh, is it okey for you to make a tutorial about the sample in this project? I want to make my authentication pages full page like in this video with complete new layout. However, what i am getting is the container from root layout.
I have a basic question about the skateshop project. I do not figure out how is the home page loaded. There is no 'page.ts' file in the 'src/app' folder.
same
Clerk is great, but expensive. Requires a relatively high average revenue per user to justify.
Josh please please make a typing test app with leaderboard in nextjs as a beginner project in typescript.
This is a great project to use as a reference. I'm getting this error when spinning it up "Clerk: Infinite redirect loop detected" - anyone else seeing this?
Josh ,is it a full stack next-js app
Yessir
Splitting components by feature (product, account etc.) > splitting by type (why would you ever want a forms folder?)
Turning this into something as general as "this" is better than "that" doesn't make sense. Project structure comes down to either your personal or your team's organization; there are so many different approaches. I came to appreciate this one too.
@@joshtriedcoding there are many different approaches, but this reasoning for why you can't say something is preferable over another approach doesn't make any sense, so I disagree
what the name of the external provider for authentification? thank you.
Clerk is not free, next auth is !
can you do a complet course about clerk ?
You have to login to view a product page- at least that’s the state of the app at this moment. Really bad UX in other areas too.
Yeah it's not perfect
can you make clerk auth project? nice content
Everyone is talking about shadcn, and even though it looks pretty solid, trying it on mobile is a nightmare.. I probably didn't get the original intent of this tho
Interesting, for me these components work like a charm for mobile and desktop. Might be related to the wrapping css in your app?
remind me of taxonomy repo
Hello josh, can you make tutorial how to do POST an File and save it to local directory with new API system form next js 13? it's very difficult for me with this update from request. Thankyou josh
😿what you mean NO CODE IS Perfect... Watch Your Mouth Josh MY CODE IS PERFECT ! lol jp ..Love the work !
Is there an alternative to stripe please 🙏 that works world wide
awesomeeeeeeeeeeeeeee
yeeeeeee
What VS Code extension is that at 4:21 that lets you see more about a function?
That’s in GitHub
@@joshtriedcoding sorry, I think we have a misunderstanding. I'm not referring to the source code of the project, but that VS Code extension that popped up more information in a nice design. I didn't see that in the GitHub project.
Awesome
where is the page.tsx file located for the index page. its not in the app folder
It can be in any directory wrapped on parenthesis as they are excluded from the url structure
can you give us the ultimate perfect in every way repository in next which we can use for Enterprise scale projects please. 😢
I don't think such a thing exists. Most enterprises don't use next because, in the grand scheme of things, it's relatively new. Especially not NextJS 13.4 and later, these things are not relevant in enterprise apps because they are way too new. That said, there are awesome open-source projects of SaaS with multiple tens of thousands of users in NextJS you can take a look at
Small project, ok to use 3rd party auth system. For long term project you expect to grow, not really worth it. Implementing auth system just won’t spend you lot of time unless you lack of experience
I don't think it's about "expecting" to grow, but *actually* growing past these user milestones. I feel way too many people obsess over this stuff way before they reach any scale that would require them to switch providers. Just allows you to move much faster at the start and leverage resources to move away once you have a solid user base bringing in revenue
@@joshtriedcoding you have the point. Just starting with selfhost won’t spend you lots of time. However, moving large base of user need times and need more careful. Of course, if you have solid user base and revenue , you would have resource to do so. But moving large user , re-salting password not easy and need investigation on compatibility, road map.
It’s trade off, easy first or easy after. It’s a lot of factor to consider though, no absolute answer
Anyway, it has lots of valuable stuff in this project, good work👍
@@domw2391 Bro I also do the same like even for my portfolio projects I use nextjs with a custom server just like we do things for a full stack mern project
thanks for sharing i notice they have a components.json file what does that do?
good question, never seen that before either
i saw a tweet of shadcn nearly 30 mins ago. he posted about components.json. i am not that musch sure of it what is it but i can say this json file is something for the ui library
@@shahariarniloy8935 interesting i was digging to see what it's used for
lets make clone tutorial
Hi Josh!
Where does it safe the user data to the database?
This project uses drizzle with a mysql database for regular data. For user data specifically, this is outsourced to the 3rd party provider Clerk to handle auth
but how do I create different roles such as super admin staff and user role in clerk I was stuck on that so i just used next-auth
clerk uses something called metadata you can store custom values in just like you would in a JWT. But next-auth is great for that use case too
微風南山
when using stripe webhook I am getting 401 everything is correct code variable but when running webhook it's giving 401 kindly tell how to fix it
I know about 401 unauthorized but how to provide it in webhook api as it runs after payment is succesfull on checkout session
kindly guide me
Remember to validate the stripe signature on your webhook, might be because of that
What do you think about laravel?
Heard lots of good about it recently
I'm not going to give my customers information to Clerk, who will charge me for me accessing them and they accessing my site. NO!
If I were to use such a service I would have gone for Firebase which is $0.0055 per auth after 50,000 mau.
Clerk is $0.25 for each auth after 1000 monthly active user. Is money growing on a tree in your yard?
I wouldn't worry about this stuff until you actually need to move away. This premature optimization in terms of scalability just doesn't make sense to me
@@joshtriedcoding Is there an export user database option in Clerk? I didn't think so.
You can't move away, it's a vendor lock in. Once you're in, there's no way out.
Just checked clerks pricing its free up to 5k not 1k mau and 25$ for unlimited mau so youre paying 0.005$ maximum if you break 5k (mau NOT auth)
@@greendsnow That is a fair point actually. I wish they were more transparent on that
Can you please make a video on connecting next project with mongo orm like mongoose
Why does no one talk about Nuxt?