thank you so much josh, it will help us in interviews as well because you have mentioned best coding practices, this will be fun to watch and great for portfolio
I'll be putting some things here I found useful to add while following this tutorial: - One can use the class "size-4" to apply the classes "w-4 h-4" when the width and height are the same (There is from "size-1" to "size-96"). - On conditional rendering (like the "Dashboard" button on "isAdmin") if nothing is returned on false, one may use the double ampersand "&&" to save the return "null". i.e. "{isAdmin && ()}".
Dude that's everything that I need to start my business. I know how to use java since im AQA but I wanted to start shop and this course is live saving. Thank you so much for posting this free!
8:01:40 if you reach that moment and don't understand how he has an user on neon, you need to create it manually, he mentions it later but I was following along and I spent time trying to understand if I missed something.
@2:34:33 That 1 pixel difference is for the border of the NavBar Josh. Because borders go beyond the current boundary, so if your border-w would be 2 px, then you would have to make that -1 a -2. Thanks for the long video dude! Also, would love it if you made an in-depth video about Payload 3.0. It's too complicated for some of us noobs and not enough material for it on yt.
Thank you so much, my brother. I don't usually comment, but I watched the entire video, and the creativity, time, and effort you must have put into creating something of such high quality is truly incredible.
Your video just happenend to pop up on my feed and I want to take the time to say how INCREDIBLE this was! You did a terrific job of explaining each step. I have taken the time to click on the Kinde link to say Thanks to you. But also I would like to say a huge Thank You here for sharing this incredible video with us.
Ich habe bisher nur Next JS als Framework angefangen zu lernen und mich machen nach wie vor eigentlich einfache Sachen wie Data Fetching, DB Connections und APIs fertig. 😥 Immer diese CORS Schwierigkeiten. Ich will immer die neuesten Technologien nutzen und ChatGPT treibt mich einfach nur noch mehr in den Wahnsinn, weil der mir immer mit NextJS 13, TS und Page Router Lösungen ankommt, aber ich will den App Router nutzen. Ich muss dem immer die Docs schicken, damit der mir weiterhilft. 😂 Und ich bevorzuge noch JS statt TS. Da gehöre ich scheinbar auch zur Minderheit. Einfach weil ich das auch nicht checke teilweise mit den Props und so. Ich will auch so geile Fullstack Websites ausm Ärmel schütteln, weil ich will endlich ein SAAS Produkt launchen. Aber das wird wahrscheinlich noch bisschen dauern. Das wars, danke fürs 'zuhören'. 😂
@@kottikottmann Danke dir. Fürs Aufgeben ist's jetzt eh zu spät hahahha. Zu viel Zeit, Geld und Liebe bisher reingesteckt. Und es macht mir einfach viel zu sehr Spaß. Habe gestern Abend sogar noch einige Sachen dazu gelernt was Typescript angeht. Das mit den Props ist ja gar nicht mal so schwer, wie ich es mir vorgestellt habe.
This legitimately is the best course I have ever gone through. So much attention to detail everywhere from the cool illustrations to the thank you email at the end. You are the man Josh! Certainly earned your new PC with this one 🔥
I am done deploying the project. But for some reason I cannot access 'user' on the production, I think its not able to access the database. Therefore after clicking the checkout button it just tells me to login again and again.But on the localhost it works fine. Can someone help? Thank you
just a small suggestion- when you start building a component or page, it will be better if you show what part of the website we are going to build. especially on frontend, it gives more clarity
Awesome tutorial!! You grew by miles in my mind after this one -- I just have a question from one of the list you have put a div as a direct child, isnt lists only supposed to have as direct children?
wow man I am really appreciated this awesome project. I really learned a lot of things and more importantly I practiced clean and clever code snippets along side of you. thanks a lot again
I learned a lot using nextjs on your channel, looking forward to see membership site in the future. I appreciate your effort, if I will get hired by learning nextjs tuts from you! I will buy you a house lol, just kidding :D but its truly you deserve a support!
The prisma errors while developing the designconfigurator got fixed by just closing the running dev server and then running npx prisma db push which worked perfectly idk how but hey it works
6:34:16 the error you got before was because you had the server running. You must stop server before running a db prisma push to allow it to generate the prisma client.
I didnt know that you worked on upstash, I want to give some feedback about the dashboard for Qstash, would be really nice to be able to filter by Date, Message endpoint and Message status ( published, delivered, failed) and show the quantity of messages (based on the filter), and maybe change to a traditional pagination with the option to change the amount of items in the screen.
I am sorry josh, I won't watch this video. I have started building this project myself a few weeks ago. It's the best decision I took. Learning Typescript, NextJS, React, Tailwind and GraphQL and much more from this. I highly encourage every one of you to try making this project by yourself and then see these long full courses after that. you will get a lot of optimization techniques and good code approaches. thanks
Lol was actually building an app where users can create their own shop and sell things .. think of something like Amazon...the only problem I had was with stripe ..the docs are just the worst
i legit wanna make this company in my area. Thanks for the idea bro! But the question is what are the tools i need lol because I've never done anything like this
For me, when I navigate between pages, it kicks the user out of the session. For example, I log in and I see that dashboard works, if I navigate to /upload, the dashboard disappears and says I am not logged in. Anyone having similar issues?
Superb content, loved it😍. Can you attach figma files to the above pages it would easier for us to navigate to designs. Since I am not using tailwind and using sass. Thanks in advance :D
Totally worth watching the whole 12 hours, I learnt more than in any paid next js course, e.g. on Udemy. Josh said several times that it's not production ready of course, e.g. he might not use Neon or Uploadthings in production. There is another aspect that should be noted. An actual company dispatching printed phone cases would keep at least some stock of each phone case... and then do the customised printing artwork of course. There are six iphone types now in the project, two case materials, two case finishes and three colours... 6 x 2 x 2 x 3 = 72 stock keeping units. So each phone case would actually be a product object in a database (neon or other) and have stock 0+. So when the design page loads, we would have to load all 72 products and every time the user sets a combination out of all these attributes, we need to check if there is stock... also , It would be great to set a quantity, in case the user wants more than one case in one go. So a shopping cart would be needed. But, as mentioned, this is not a criticism of this great tutorial - some simplifications are necessary to make this tutorial manageable in a reasonable time frame I guess. 👍
Josh, how could we go about modifying this so we just sell products we set, not create cases for example? With a cart for the products. Would be amazing to see some adaptation of this
How do I create a user in my database as I'm encountering a problem when trying to create a payment session but when I check my Prisma database it shows i have no users? please help.
Hi everyone, I’m currently working on a project where I need to implement image upload functionality. However, I'm encountering a 404 error when trying to upload an image. The image upload process fails
hy josh can you make a video on stripe i do same process that you do in video but unfortunately i dont get response from server side can make a another video on stripe
Hello Sir, can you kindly make a complete mern stack application with admin dashboard and payments for home services providers. To list home services providers like those offering cleaning services, tv mounting, shifting services etc. include rating for people to be able to rate their services. Thank you
Hi, appropriate the video and effort. One ERROR you may have solution: in deployed website, when i checkout it goes to login page over and over, I login but again goes to same page.
![Yailin La Mas Viral, @kreizyk.official - Dale 2 (Remix) [Video Oficial]](http://i.ytimg.com/vi/JaYHBzgqz94/mqdefault.jpg)
i did NOT forget my youtube password, this just took forever to make, appreciate you
Dont lie @joshtriedcoding We know you did FORGET it. Haha. Great Video. Lots to learn
Welcome back, waited too long
thank you so much josh, it will help us in interviews as well because you have mentioned best coding practices, this will be fun to watch and great for portfolio
thank you!
thank you bro
I'll be putting some things here I found useful to add while following this tutorial:
- One can use the class "size-4" to apply the classes "w-4 h-4" when the width and height are the same (There is from "size-1" to "size-96").
- On conditional rendering (like the "Dashboard" button on "isAdmin") if nothing is returned on false, one may use the double ampersand "&&" to save the return "null". i.e. "{isAdmin && ()}".
thankyou
Dude that's everything that I need to start my business. I know how to use java since im AQA but I wanted to start shop and this course is live saving. Thank you so much for posting this free!
Hi, I am a full stack developer and would be happy to help for your business.
8:01:40 if you reach that moment and don't understand how he has an user on neon, you need to create it manually, he mentions it later but I was following along and I spent time trying to understand if I missed something.
Super hyped about this build Danke schoen!
@2:34:33 That 1 pixel difference is for the border of the NavBar Josh. Because borders go beyond the current boundary, so if your border-w would be 2 px, then you would have to make that -1 a -2.
Thanks for the long video dude!
Also, would love it if you made an in-depth video about Payload 3.0. It's too complicated for some of us noobs and not enough material for it on yt.
The man is back with one more amaaaazing project! Thanks!
This is so crazy i never see that before. This course is unreal ! thanks bro
Insane Platform, and finally everything is included, from frontend, to paying and admin dashboard. Sehr geil.
Thank you so much, my brother. I don't usually comment, but I watched the entire video, and the creativity, time, and effort you must have put into creating something of such high quality is truly incredible.
Your video just happenend to pop up on my feed and I want to take the time to say how INCREDIBLE this was! You did a terrific job of explaining each step. I have taken the time to click on the Kinde link to say Thanks to you. But also I would like to say a huge Thank You here for sharing this incredible video with us.
Ich habe bisher nur Next JS als Framework angefangen zu lernen und mich machen nach wie vor eigentlich einfache Sachen wie Data Fetching, DB Connections und APIs fertig. 😥
Immer diese CORS Schwierigkeiten.
Ich will immer die neuesten Technologien nutzen und ChatGPT treibt mich einfach nur noch mehr in den Wahnsinn, weil der mir immer mit NextJS 13, TS und Page Router Lösungen ankommt, aber ich will den App Router nutzen. Ich muss dem immer die Docs schicken, damit der mir weiterhilft. 😂
Und ich bevorzuge noch JS statt TS. Da gehöre ich scheinbar auch zur Minderheit. Einfach weil ich das auch nicht checke teilweise mit den Props und so.
Ich will auch so geile Fullstack Websites ausm Ärmel schütteln, weil ich will endlich ein SAAS Produkt launchen. Aber das wird wahrscheinlich noch bisschen dauern.
Das wars, danke fürs 'zuhören'. 😂
Bleib dran, es lohnt sich! Ging mir am Anfang auch so, aber je mehr du selber codest umso einfacher wird es 🙏🏼
@@kottikottmann Danke dir. Fürs Aufgeben ist's jetzt eh zu spät hahahha. Zu viel Zeit, Geld und Liebe bisher reingesteckt. Und es macht mir einfach viel zu sehr Spaß. Habe gestern Abend sogar noch einige Sachen dazu gelernt was Typescript angeht. Das mit den Props ist ja gar nicht mal so schwer, wie ich es mir vorgestellt habe.
This legitimately is the best course I have ever gone through. So much attention to detail everywhere from the cool illustrations to the thank you email at the end. You are the man Josh! Certainly earned your new PC with this one 🔥
this is next level great! kudos to you for putting out high quality content back to back
Just finished the quil video and starting this thanks Josh u r the bestttttt
This is reallly a gooooooooooooooooooooooooooooooooooooooood project. Hats off.
Love from India
Josh you're brilliant, new subscriber here. Can't thank you enough. ❤
I am done deploying the project. But for some reason I cannot access 'user' on the production, I think its not able to access the database. Therefore after clicking the checkout button it just tells me to login again and again.But on the localhost it works fine. Can someone help? Thank you
I wrote an issue with the temporal solution for that problem on the repository.
welp, seems the course i got would have to seat this one out now. This has everything!
Thank you Josh!!!
just a small suggestion- when you start building a component or page, it will be better if you show what part of the website we are going to build. especially on frontend, it gives more clarity
🤯🤯🤯🤯🤯 there aren't enough words in the english vocabulary to thank you for providing such high-quality content 🙏🙏🙏
Thank you so much for such informative tutorial! I folllowed along the course and did learn a lot!
Thanks for the great tutorial! I'll share it on all my social platforms so that other people can witness greatness.
Great course josh, again learned alot from it, i tweaked the code a bit 🙂
I just liked the video, before even watching it.
Thanks Josh
BRO THIS IS THE MOST AMAZING TUTS I HAVE SEEN WTFF, do u plan to make more of these vids??
Amazing! It blows my mind that all of that is available for free online thank you so much!
Awesome tutorial!! You grew by miles in my mind after this one --
I just have a question from one of the list you have put a div as a direct child, isnt lists only supposed to have as direct children?
Thanks man just started react/next really needed it❤
wow man I am really appreciated this awesome project. I really learned a lot of things and more importantly I practiced clean and clever code snippets along side of you. thanks a lot again
Josh, you're the best, I've been following you from Colombia, buddy. Your content is awesome
This is an awesome project and production ready application， definitely follow along the tutorial and get this app up and running，thank you Josh ❤
I need the patience to be able to make content this long... This is amazing Josh!
I feel a word of thanks is not enough, so let me say thank you so so so so much
i have not seen your video yet , but in starting , it seems a great and valueable content , Appreciate
I learned a lot using nextjs on your channel, looking forward to see membership site in the future. I appreciate your effort, if I will get hired by learning nextjs tuts from you! I will buy you a house lol, just kidding :D but its truly you deserve a support!
You said you were going to use aws s3 at the start, but then used uploadthing. Can you please make a tutorial around how to use S3???
this gusy share everything he knew you will never failed bro
I just watched the intro and can't wait to get my hands on my keyboard. Thanks
Great work on the landing page and animation man.
Welcome back and thank you for bringing this godly project
Super super amazing thanks josh I can't believe how much work you put it thanks josh
Hello, Josh. Design of your websites you make by yourself using figma ? Sorry, my eng is not well
The prisma errors while developing the designconfigurator got fixed by just closing the running dev server and then running npx prisma db push which worked perfectly idk how but hey it works
Thank you Josh SOOO much for the video, it's super helpful. Of course, I click through your sponser: kindle.
Finally... Thank you Josh for this wonderful video... I have learnt a ton of stuff
Why not use Supabase instead of Neon?
Welcome back with complete project. Thank you very much
38:43 Thanks for explain why extend is better :)
I don’t really know Next js or Typescript.Will thus be good as a starter?
Great Video. With Beautifully explained🤩🤩
unbelievably useful and, what is more, free to watch
6:34:16 the error you got before was because you had the server running. You must stop server before running a db prisma push to allow it to generate the prisma client.
I have been waiting for new tutorials josh!!!!
amazing I might just go over it to learn to write typescript like you :D
I didnt know that you worked on upstash, I want to give some feedback about the dashboard for Qstash, would be really nice to be able to filter by Date, Message endpoint and Message status ( published, delivered, failed) and show the quantity of messages (based on the filter), and maybe change to a traditional pagination with the option to change the amount of items in the screen.
God bless you josh
I am sorry josh, I won't watch this video. I have started building this project myself a few weeks ago. It's the best decision I took. Learning Typescript, NextJS, React, Tailwind and GraphQL and much more from this. I highly encourage every one of you to try making this project by yourself and then see these long full courses after that. you will get a lot of optimization techniques and good code approaches. thanks
Lol was actually building an app where users can create their own shop and sell things .. think of something like Amazon...the only problem I had was with stripe ..the docs are just the worst
i legit wanna make this company in my area. Thanks for the idea bro! But the question is what are the tools i need lol because I've never done anything like this
Really helpful video. I've learned a lot during this project. Thanks a lot
For me, when I navigate between pages, it kicks the user out of the session. For example, I log in and I see that dashboard works, if I navigate to /upload, the dashboard disappears and says I am not logged in. Anyone having similar issues?
IT looks awesome, will look at it soon.
I'm wondering what's the full stack, what are you using as a backend and to deploy it?
Why didn't you use the Image component from next/image? It's match better than plain tag?
i will make this project a part of my resume. How ever i have not started yet. But i will
Really helpful tutorial ✨, i had a lil doubt -
Why didn't you use provided by Next, instead of using ??
Appreciate you for this can you teach us Micro services with MERN typescript project that use react query ,redux. like real world project...
Thank you so much for this tutorial, it will help me A LOT!
05:55:02 Use of Buffer() is more precise
`function base64ToBlob(base64: string, mimeType: string): Blob {
const buffer = Buffer.from(base64, 'base64');
const uint8Array = new Uint8Array(buffer);
return new Blob([uint8Array], { type: mimeType });
}`
thank you so much for the video. it is so good. I have started it, I hope I can finish it
Superb content, loved it😍. Can you attach figma files to the above pages it would easier for us to navigate to designs. Since I am not using tailwind and using sass. Thanks in advance :D
Josh I'm loving your tutorials :)
Totally worth watching the whole 12 hours, I learnt more than in any paid next js course, e.g. on Udemy. Josh said several times that it's not production ready of course, e.g. he might not use Neon or Uploadthings in production. There is another aspect that should be noted. An actual company dispatching printed phone cases would keep at least some stock of each phone case... and then do the customised printing artwork of course. There are six iphone types now in the project, two case materials, two case finishes and three colours... 6 x 2 x 2 x 3 = 72 stock keeping units. So each phone case would actually be a product object in a database (neon or other) and have stock 0+. So when the design page loads, we would have to load all 72 products and every time the user sets a combination out of all these attributes, we need to check if there is stock... also , It would be great to set a quantity, in case the user wants more than one case in one go. So a shopping cart would be needed. But, as mentioned, this is not a criticism of this great tutorial - some simplifications are necessary to make this tutorial manageable in a reasonable time frame I guess. 👍
this project tutorial is amazing. how long did it took u to finish coding everything up?
Thank you 😊 شكرا
Hooooly Shit, what an absolut BANGER dude! Thank you so much for all the effort you put in
Josh 🤲🏼🤲🏼🤲🏼
Thank you for this awesome tutorial
Much love ❤❤❤
this guy is a heavy frontend dev for sure
Thank you very much Josh!!! Amazing tutorial!
it is a full stack app right?? with front end + backend ??
but did you include admin panel??
Josh, how could we go about modifying this so we just sell products we set, not create cases for example? With a cart for the products. Would be amazing to see some adaptation of this
Very very nice!!!! I love your classes.
Great vid. Thank u Josh.
And btw how long have been a web dev? Just a question.
what you are complete insane bizarre monster from JS ok? keep doing what you do
amazing, please keep sharing your knowlegue
This video is so underrated and should have more views
Amazing video, learned a lot!
How do I create a user in my database as I'm encountering a problem when trying to create a payment session but when I check my Prisma database it shows i have no users? please help.
hey bro did you find the problem ?
Hi everyone,
I’m currently working on a project where I need to implement image upload functionality. However, I'm encountering a 404 error when trying to upload an image. The image upload process fails
hy josh can you make a video on stripe i do same process that you do in video but unfortunately i dont get response from server side can make a another video on stripe
Great content Josh! I just have a question why do you use pnpm and yarn at the same time in this project?
wake up baby josh is here with another goldmine
Hello Sir, can you kindly make a complete mern stack application with admin dashboard and payments for home services providers. To list home services providers like those offering cleaning services, tv mounting, shifting services etc. include rating for people to be able to rate their services. Thank you
Hi, appropriate the video and effort. One ERROR you may have solution: in deployed website, when i checkout it goes to login page over and over, I login but again goes to same page.
Some comment for algorithm. I really appreciate the effort u put in ❤❤❤
Thanks Josh! Danke Zeer!
(pnpm) is not working in command prompt. What can I do?
npm i -g pnpm
if you have installed it and still not working then use powershell, gitbash
Hi josh, could you make a full stack project that uses aws services like s3. That would be really helpful. Thanks.
Josh cooked hard in this one
This is great!
3:27:28 Correction: You can create multiple databases within one project in free tier.