Hey! Can you please upload a MERN video showcasing google oauth and also 2FA? Please don't use Next.js and Typescript. Your way of teaching is really great. It would mean a lot❤I know you guys must be getting a lot of request. Please show how oauth2 is now being implemented in production. Thank you!
Adrian you are an amazing coder as well as presenter/teacher. Without previous typescript or React or NextJS knowledge, I was actually able to follow you in real time. This is one of the rare videos that actually work top to bottom and is excellent place to start coding. Following this video I will take Next.JS tutorial to have all this sink in and continue learning. All the tech stack used in this video is awesome, I am sold for it. I spent days searching for a good tutorial on building an ecommerce site and I hit a jackpot finding this video. I designed and built an e-store using Elementor and WP but I wanted to learn the code and start customizing. Many many thanks. Keep up your great work.
i really get interested in your comment , brilliant you are a genius i am not joking ! i did code for more than 3 years , (not js or css) and i can even get to the min 30 mins , good luck anyway
This guy is a savior for all those who are learning JavaScript. He is the best on TH-cam, and, most importantly, he never says 'follow me,' 'subscribe,' or 'like.' Because everyone, after seeing his talent, perfect work, and effort, which he puts into his content, will like, comment, and subscribe automatically. This guy is the best JavaScript teacher on TH-cam
@@javascriptmastery Yes Good content. However, I want to see more of these full stack and MERN projects and more deployments on AWS. More projects of Full stack Applications with AWS.
The amount of ultra quality this channel has been putting out is pure blessing from Adrian to all of us who keep studying this. Thank you so much, as always.
I am up to 50:08 and having a difficult time finding the correct .scss referenced at 50:08 for the grid. Therefore, I manually wrote it up and here it is for anyone who needs it: .inclusions{ display: grid; justify-content: center; gap: 30px; padding: 0; grid-template-columns: repeat(4, 1fr); margin: 100px 0; @include large-break { grid-template-columns: repeat(2, 1fr); } @include mid-break { margin: 60px 0; } @include extra-small-break { grid-template-columns: 1fr; } }
this code is there in the actual git hub repo, check there for the actual code. In the assets folder its missing, but in the FooterComponent index.module.scss its there
Thank you so much, Mr. Adrian! I'm a developer who'sbeen stuck with wordpress for ages. Ive been looking to transition to Next.js but time was always an issue. This video is exactly what I needed to make this shift happen. Really thankful for this! 🙏🏻
In case someone face errors when deploying this nice project I can share my trick which helped me deploy it finally )) maybe it's not good way, but my goal was to deploy it in anyway! )) some rows should be added in .eslintrc js file... plugins: ['prettier'], rules: {'prettier/prettier': 0} to avoid a lot of prettier errors during building logs and also need install 'simple-import-sort' plugin and add few rows to the same .eslintrc js file... plugins: ['simple-import-sort'], rules: { 'simple-import-sort/imports: error} to avoid a lot of errors with saying to run autofix to sort imports... Somehow it helps! Ha ha! ;)
That was funny )) --- ESLint: Cannot read config file: /workspace/.eslintrc.js Error: error is not defined --- the trick was not in that rows should be added, but in that way that it couldn't be read and just passed through, so no errors anymore and build was done! :D
This guy is just killing it ever since I found your channel I have fallen in love with Front-end development. Just started the social media App with Tailwind and Appwrite project and I must say it is fantastic.Thanks, Adrian for bringing real web development to us.
By far the best channel for coding. Very good explanation, I learned alot. Coding is on point. Great mic, voice of an angel. Ty for this great tutorial!
This is the best video on e-commerce project I’ve ever seen on TH-cam. I was able to start and finish it without any complications. Thank you so much Adrian.
We all accept that the quality is extremely good but in most of the videos you are building FRONT-END based projects. In this video you are using a CMS to handle back-end. All we want is a REAL FULL STACK project with Backend code. Like a MERN STACK PROJECT 🔥🔥🔥🔥🔥
OOh im so excited for this one! i recently found your old e-commerce tutorial and the old versions of everything made it deprecated, i was so sad, time to work again!
When i get a job im gonna surely buy all of courses you provided .. thank you Adrian for teaching us the best quality content about Web development. You teaching us prod quality project that can actually increase the value of resume.
Wow, I'm really impressed by how you handle debugging on the fly as you code! It's amazing to see your problem-solving skills in action. Your ability to troubleshoot and fix issues on the spot is truly inspiring. Keep up the great work!
This is what we've been waiting for After the excellent course on next.js14 I think you are in this lesson You will expand further on next.js It touches on new points that have not been touched upon before This will make people follow your lessons It reaches a very advanced stage in next.js Thank you from my heart I promise you a nice surprise after a week My son who followed your course on next.js 14 Near the end of the project But after he added a lot of wonderful things to it You will be surprised by it He is still 14 years old and we are waiting for you to translate the video into Arabic
Your content is just so awesome. I just started learning js and I have already built 2 react projects and learning really good practices. I can't thank you enough Adrian. 😭
this is an amazing one, but there is one thing still missing I would love to suggest that please add Size feature in this e-commerce or reference us. It will be helpful for many of us!
It would be cool to see how to incorporate the Printful API (which is free to start) into this for the products maybe on a future video! Good Job though, awesome stuff!
Just finished watching your fantastic Next.js project video - loved how you explained everything so clearly! 🚀 I was wondering if you have considered creating a video tutorial on building a social media project with Next.js and Sanity? It would be amazing to see your insights and guidance on creating such a dynamic project. Looking forward to more awesome content from your channel! 👍😊"
Was just trying to follow the video. I guess payload has removed the ecommerce template, hence the database link is not working ( at 13.05 ). Any alternative for this?
I started to have problems with payload right away, it creates a new repo and then throws and error Reference does not exist. And I can't find a way to fix it. Annoying, in the video project looks really cool, but it is impossible to start with all the bugs on Payload side
Hello! We uncovered an issue, where if you had a default branch name set on your repo (other than main) cloning a template would fail. We've made a change that will respect whatever your default branch name is, and this should now work as expected. Please give this another shot and let us know if you still run into an issue.
@@kadir_ozyurek No it is not solved yet!! This is the error:- ERROR (payload): Incorrect username or password. In the console after pasting all the keys in the .env file. I checked so many times and all the keys pasted are correct without any typos.
Teacher Adrian, in the Filters section the Checkbox component from PayloadCMS only need to change the name of the property Label to Name like indicate the Error message, but the checkBox is ugly so Thumb ups for the Custom Checkbox. Thank you for the Class
Thank you again for another amazing tutirial - may I ask you to do one for an online Art Gallery including frame mockups & sales module? much appreciate it
Bro I was not following you since a long, as I heard about tutorial hell stuff and copying one line to line But this one is to must follow Definitely gonna make it
Very very helpful tutorial. Thank you so much, you're truly a great instructor. I am a beginner of NextJS. I am building a blog website which also has a shop in a sub-page. Which CMS would you recommend? Payload or Strapi? Also: Would you start with the "Website" template of Payload and then integrate ecommerce, OR, start with ecommerce and integrate the blog ("Website")?
Adrian! This is really amazing. How can one add blogpost to this on payload? Blogpost is a very important tool in ecommerce and is missing in this tutorial 😢😢. Can simply creating a collection resolve this. Thanks for always creating high quality videos.
Amazing work!!! Really Inspiring. One request. Can you make videos on these two topics please: 1. A full stack travel website ( you have one video on this but i want one on full stack) A solution/idea that can boost the current situation of the tourism industries including hotels, travel and others. 2. A full stack expense tracker and financial management website
I've been following you for a year and half and really enjoy your videos, you make them just great! Just for understanding - is this project paid after the 30 day trial? Thanks!! ❤
Hi Adrian, thank you so much for this video, this looks like an awesome project. Before I get started, do you have a live version out on the internet anywhere? i went to the deployment part at the end to see the URL but it looks like it did not get published via vercel. Would love to see a live demo of this.
Hey! Can you please upload a MERN video showcasing google oauth and also 2FA? Please don't use Next.js and Typescript. Your way of teaching is really great. It would mean a lot❤I know you guys must be getting a lot of request. Please show how oauth2 is now being implemented in production. Thank you!
+1
@@shreyxnsh.14 +1
Adrian you are an amazing coder as well as presenter/teacher. Without previous typescript or React or NextJS knowledge, I was actually able to follow you in real time. This is one of the rare videos that actually work top to bottom and is excellent place to start coding. Following this video I will take Next.JS tutorial to have all this sink in and continue learning. All the tech stack used in this video is awesome, I am sold for it. I spent days searching for a good tutorial on building an ecommerce site and I hit a jackpot finding this video. I designed and built an e-store using Elementor and WP but I wanted to learn the code and start customizing. Many many thanks. Keep up your great work.
i really get interested in your comment , brilliant you are a genius i am not joking ! i did code for more than 3 years , (not js or css) and i can even get to the min 30 mins , good luck anyway
This guy is a savior for all those who are learning JavaScript. He is the best on TH-cam, and, most importantly, he never says 'follow me,' 'subscribe,' or 'like.' Because everyone, after seeing his talent, perfect work, and effort, which he puts into his content, will like, comment, and subscribe automatically. This guy is the best JavaScript teacher on TH-cam
Thank you! It means a lot!
For real. Anytime I see a notification that he has drop a new video I'm always ready to check it out
@@javascriptmastery Yes Good content. However, I want to see more of these full stack and MERN projects and more deployments on AWS. More projects of Full stack Applications with AWS.
@@KolaToyin-wf6vb same here Bro. Amazing content everytime.
sooo true!!!
The amount of ultra quality this channel has been putting out is pure blessing from Adrian to all of us who keep studying this. Thank you so much, as always.
Enjoy!
I am up to 50:08 and having a difficult time finding the correct .scss referenced at 50:08 for the grid. Therefore, I manually wrote it up and here it is for anyone who needs it:
.inclusions{
display: grid;
justify-content: center;
gap: 30px;
padding: 0;
grid-template-columns: repeat(4, 1fr);
margin: 100px 0;
@include large-break {
grid-template-columns: repeat(2, 1fr);
}
@include mid-break {
margin: 60px 0;
}
@include extra-small-break {
grid-template-columns: 1fr;
}
}
That section of code was missing and was giving me errors. Thank you so much!!
You're a life saver, thanks!
Thanks. At the end there is still missing:
.icon {
margin-bottom: 16px;
}
this code is there in the actual git hub repo, check there for the actual code. In the assets folder its missing, but in the FooterComponent index.module.scss its there
Thank you so much, Mr. Adrian! I'm a developer who'sbeen stuck with wordpress for ages. Ive been looking to transition to Next.js but time was always an issue. This video is exactly what I needed to make this shift happen. Really thankful for this! 🙏🏻
That's amazing, enjoy it!
maybe I should change environment variables ??? I tried but not helped
Dude you're killing it when it comes to react and next. How are you rolling out things so fast with such an amazing quality.
He's an alien
bro has a separate team working on new projects. and then he presents them in a video
@@guitarhero69 makes sense
Thank you so much! ♥️
@@javascriptmasterybro make us a devoloper with angular and vue also !!!
In case someone face errors when deploying this nice project I can share my trick which helped me deploy it finally )) maybe it's not good way, but my goal was to deploy it in anyway! )) some rows should be added in .eslintrc js file... plugins: ['prettier'], rules: {'prettier/prettier': 0} to avoid a lot of prettier errors during building logs and also need install 'simple-import-sort' plugin and add few rows to the same .eslintrc js file... plugins: ['simple-import-sort'], rules: { 'simple-import-sort/imports: error} to avoid a lot of errors with saying to run autofix to sort imports... Somehow it helps! Ha ha! ;)
That was funny )) --- ESLint: Cannot read config file: /workspace/.eslintrc.js Error: error is not defined --- the trick was not in that rows should be added, but in that way that it couldn't be read and just passed through, so no errors anymore and build was done! :D
This guy is just killing it ever since I found your channel I have fallen in love with Front-end development. Just started the social media App with Tailwind and Appwrite project and I must say it is fantastic.Thanks, Adrian for bringing real web development to us.
Thank you Joe!
By far the best channel for coding.
Very good explanation, I learned alot. Coding is on point. Great mic, voice of an angel.
Ty for this great tutorial!
This is the best video on e-commerce project I’ve ever seen on TH-cam. I was able to start and finish it without any complications. Thank you so much Adrian.
Hi, do you mind telling me how did you handle payload setup? I can't continue because it's not free for a while now
We all accept that the quality is extremely good but in most of the videos you are building FRONT-END based projects. In this video you are using a CMS to handle back-end.
All we want is a REAL FULL STACK project with Backend code. Like a MERN STACK PROJECT 🔥🔥🔥🔥🔥
Getting engaged towards his NextJS course
Excellent course. It would be nice to see how to include shipping details in the Cart/Checkout process.
OOh im so excited for this one! i recently found your old e-commerce tutorial and the old versions of everything made it deprecated, i was so sad, time to work again!
I never comment on videos, but I must say you are a talented teacher. I wish you all the best with your channel!
TUTORIAL ON HOW TO SELF HOST PAYLOAD CMS CODE
I assume you can do this on Fly IO
@@eternl_sunshine22 please is using a CMS the better way of going about a project's backend, rather than using node or python??
Did you find any working solution?
When i get a job im gonna surely buy all of courses you provided .. thank you Adrian for teaching us the best quality content about Web development. You teaching us prod quality project that can actually increase the value of resume.
Thank you!
Wow, I'm really impressed by how you handle debugging on the fly as you code! It's amazing to see your problem-solving skills in action. Your ability to troubleshoot and fix issues on the spot is truly inspiring. Keep up the great work!
yes he's talented ,
Damn this must be the most functional and best e-commerce next js project available on TH-cam.
yeah bro
Can I deploy this project and make it a live demo in my portfolio
Was on the lookout to start my own e-commerce store, this came just in time!
same
Can I deploy this project and make it a live demo in my portfolio
Somebody give this man an Oscar. Or whatever is equivalent for a web developer!
Damn...the speed at which you do this is just mind-blowing... you're a power dynamic to this js generation 🎉
I can't love this project! Bro, you're ..... I'm speechless thank you so much!
You are the Best bro by far in Full Stack App Tutorials in TH-cam. Thanks and God speed ❤
You're welcome! ❤
Can I deploy this project and make it a live demo in my portfolio
Man your the best. This guy is super crazy . No one is near him on youtube superb content
Absolutely phenomenal, Adrian! Thank you for another project video.
Thank you so much!
Long Live Andrain.
Long Live JSM.
JSM has everything a developer need ❤
This is what we've been waiting for
After the excellent course on next.js14
I think you are in this lesson
You will expand further on next.js
It touches on new points that have not been touched upon before
This will make people follow your lessons
It reaches a very advanced stage in next.js
Thank you from my heart
I promise you a nice surprise after a week
My son who followed your course on next.js 14
Near the end of the project
But after he added a lot of wonderful things to it
You will be surprised by it
He is still 14 years old and we are waiting for you to translate the video into Arabic
Thank you!
Your content is just so awesome. I just started learning js and I have already built 2 react projects and learning really good practices.
I can't thank you enough Adrian. 😭
Thank you!
OMG, I just asked for this in another Video. Is this magic?!🤩 Thank you so much😭
Nice , i tried this.
But can you share how to add slider filter for price range, more products photos and if want how to add another payment provider.
this is an amazing one, but there is one thing still missing I would love to suggest that please add Size feature in this e-commerce or reference us. It will be helpful for many of us!
This is a great video Adrian 🎉 I love the CMS part 😊
Thanks!
I'm pretty sure I'm not the only one making bucks from web dev because of Adrian. This guy is the man. God bless him.
How do you print man?
Great tutorial! Looks like it's only a 7 day free trial with payload now. Just letting you know :)
E-Commerce app! Great, I'll definitely try this one out!
Awesome of the awesomeness!!! As always, thank youu so much, Adrian! 😁😍😍
Thank you!
It would be cool to see how to incorporate the Printful API (which is free to start) into this for the products maybe on a future video! Good Job though, awesome stuff!
You are Great 👍🏻👍🏻 Thanks for keeping this type of High quality content for free ❤❤
My pleasure 😊
You. Killed me 😢 I started your old ecommerce project today and make it half and you uploaded this 😢
No worries, you'l llearn more that way if you combine the two! :)
That's incredibally project. but i want to know, what would be happen after 30 days we used payload cloud ? are we have to pay the cloud for more ?
That is one of the best videos on the internet now 🔥 because it is solving and explaining a looooooot, thanks!!
Adrian, you are a lifesaver. I have been looking for a quality course like this for weeks. Hvala ti puno ❤
Happy to hear that!
The way you explain is amazing. It keeps you focused ! Thanks!
What's up, can i add it in my portfolio and deploy it
Thanks for the exellent content!
Is there a guide for Deploying on the free tier in Vercel?
Can I deploy this project and make it a live demo in my portfolio
Just finished watching your fantastic Next.js project video - loved how you explained everything so clearly! 🚀
I was wondering if you have considered creating a video tutorial on building a social media project with Next.js and Sanity? It would be amazing to see your insights and guidance on creating such a dynamic project.
Looking forward to more awesome content from your channel! 👍😊"
Great suggestion!
You read my mind. I was just wondering how to use Payload. Thanks!
Glad I could help!
Was just trying to follow the video. I guess payload has removed the ecommerce template, hence the database link is not working ( at 13.05 ). Any alternative for this?
Same here, looking for an alternative to run it with
Did you guys find any alternative please reply if you have found one
this is what i was looking for. I know the video will be absolutely amazing. Thank you so much jsm!!!
Enjoy!
Hi, when will payload be available on vercel exactly? couldn't find an announcement about it
Any answers?
Any answers?
Sir you the best on youtube. No doubt!!!
I started to have problems with payload right away, it creates a new repo and then throws and error Reference does not exist. And I can't find a way to fix it. Annoying, in the video project looks really cool, but it is impossible to start with all the bugs on Payload side
Try reaching out to their Discord server :)
Hello! We uncovered an issue, where if you had a default branch name set on your repo (other than main) cloning a template would fail. We've made a change that will respect whatever your default branch name is, and this should now work as expected. Please give this another shot and let us know if you still run into an issue.
You are just waooo as always Adrian👌.
Just a humble request please bring a video on Figma and GraphQL.
It will be great
Noted!
Immediately get error when executing npm run dev. Looks like an issue with the /index.scss file in the payload folder.
Is this resolved? 👀
Amazing video Adrian your explanations are awesome brother when it comes to react and nextjs
❣❣💖💖
Please add authentication via Google as its so much easier for users rather than registering using yet another password.
Try doing it on your own! :)
Bro you are the best developer i knew so far
You are amazing 👏 ❤️
Thank you so much 😀
why not tailwind css ?
Just to switch things up a bit!
This is great, thanks for making these videos. Any plans on creating a blog based project with Next 14 & MDX ?
Hey, were you able to deploy it?
Payload Cloud Storage is working?
I am getting "access denied"
Sir is your name is faizan ??
Faizan is our designer! ♥️
Maaaan this one and only content in entire youtube❤ Thanks brother
Thank you!! ♥️
You're replying to people who don't even try to build this but you don't have time to reply my comment where i asked you about an error.....
What is the issue , can you solved it ?
@@kadir_ozyurek No it is not solved yet!!
This is the error:- ERROR (payload): Incorrect username or password. In the console after pasting all the keys in the .env file. I checked so many times and all the keys pasted are correct without any typos.
Exactly! This is the biggest problem with these creators, they will ask us to comment down the errors and when we do they’ll never reply.
Be grateful for the free content he provided with his efforts even when you didn't asked for.
@@mrigankagogoi6262 it isn't related to what I asked. And yes I am very very grateful for his videos!!
This companies are wild ) every time youtuber makes tutorial they tighten up their free tier the same month )))
now they give 6 days free trial
But it seems a little complicated, anyone can relate ?
It is buddy.
Teacher Adrian, in the Filters section the Checkbox component from PayloadCMS only need to change the name of the property Label to Name like indicate the Error message, but the checkBox is ugly so Thumb ups for the Custom Checkbox. Thank you for the Class
Thank you again for another amazing tutirial - may I ask you to do one for an online Art Gallery including frame mockups & sales module? much appreciate it
Wow! I haven't started but just the demo is blowing my mind 🤯
My favourite full stack channel
Bro I was not following you since a long, as I heard about tutorial hell stuff and copying one line to line
But this one is to must follow
Definitely gonna make it
Enjoy!
Hi there! My favourite Coding Educator ❤
Happy to hear that! ♥️
Very very helpful tutorial. Thank you so much, you're truly a great instructor. I am a beginner of NextJS. I am building a blog website which also has a shop in a sub-page. Which CMS would you recommend? Payload or Strapi? Also: Would you start with the "Website" template of Payload and then integrate ecommerce, OR, start with ecommerce and integrate the blog ("Website")?
Appreciate the decication you give into what you do..keep it up. Want to also ask about the websites you normally use for your images and icons pls?
Wow! Thanks Sir for this awesome project! 🤩
Most welcome 😊
Thank you so much, Mr. Adrian! You provide knowledge about There really are a lot of these things.😁😁😁
This is insane!!!! You are the G.O.A.T💯
Glad you like it!
@1:16 (pages) > recover-password > index.module.css seems to be missing.
Adrian! This is really amazing. How can one add blogpost to this on payload? Blogpost is a very important tool in ecommerce and is missing in this tutorial 😢😢. Can simply creating a collection resolve this. Thanks for always creating high quality videos.
Just Amazing. Exactly what I was waiting for.
Amazing work!!! Really Inspiring.
One request. Can you make videos on these two topics please:
1. A full stack travel website ( you have one video on this but i want one on full stack)
A solution/idea that can boost the current situation of the tourism industries including hotels, travel and others.
2. A full stack expense tracker and financial management website
First Day: 1:15:00
Second Day: 2:30:00
Third Day: 3:52:16
24:50 If your working enviroment is Linux Manjro you should
module.exports = {
root: true,
extends: ['plugin:@next/next/recommended', '@payloadcms'],
ignorePatterns: ['**/payload-types.ts'],
plugins: ['prettier'],
rules: {
'prettier/prettier': [
'error',
{
endOfLine: 'lf',
},
],
'no-console': 'off',
},
}
am happy you did it this time with normal Css
Thanks :)
Wow bro. Awesome project, quick suggestion; build a school portal for your next project ❤
Wow this is mind blowing 🤯, please can you also do backend projects
Will do!
Adrian, Payload is awesome!!!😄😍😍😍❤
The new stable Payload 3 release is a total game changer. 🚀
Payload sure is growing, I love using it
Exactly!
Can I deploy this in vercel or netlify?
Rbt platform is super reliable, no issues with transactions. IPL lottery ke liye best 💪💵
Thank you so much sir! I love these tutorials. Learning so much.
What an incredible Project 😮😊😮
Thanks!±
I've been looking for this for years on TH-cam 😂😂😂
It's finally here! :)
And I'm really glad saying a big thanks to you and your team for the hard work
Wow one of the best excited to start coding it along❤
Enjoy ♥️
I've been following you for a year and half and really enjoy your videos, you make them just great!
Just for understanding - is this project paid after the 30 day trial?
Thanks!! ❤
You can always deploy it on your own for free, but even better, soon enough, a Vercel deployment will be within their free tier :)
Amazing stuff as always, everything looks smooth , cant wait to build this
Hope you enjoy it!
THIS IS OUTSTANDING FOR SURE
THANK YOU!
Hi Adrian, thank you so much for this video, this looks like an awesome project. Before I get started, do you have a live version out on the internet anywhere? i went to the deployment part at the end to see the URL but it looks like it did not get published via vercel. Would love to see a live demo of this.
Excuse me, sir.
I believe you dropped this 👑
Adrian! Thank you for another project video .. js master ❤
It would be great to be able to see more projects with Payload Cms but using it locally to then deploy it all in full on our own server
Definitely a project that will standout and look good on my portfolio have to learn next js and typescript first :X