Build & Deploy Full Stack E-Commerce App using Next.js 13 and Payloadcms in 45 Minutes
ฝัง
- เผยแพร่เมื่อ 13 ต.ค. 2024
- In this video we will build a fully functional online shopping website with stripe payment integration using Payloadcms as backend admin, Next.js 13 as frontend and MongoDB as database. We will explore how Payloadcms E-commerce template helps to build, manage and deploy full functional E-commerce websites in the cloud.
⭐️ About Payload ⭐️
Payload is the fastest growing open-source, headless CMS (it’s an app framework, too). App frameworks give you a backend, but lack CMS-grade admin UI. Payload gives you both. Its extensibility allows it to power everything from enterprise websites to native apps, and everything in between. Give us a star on Github!
Eliminate providers like Shopify from the mix and build e-commerce the right way. To follow Dipesh's tutorial, start here 👇
Github - github.com/pay...
Payload Cloud - payloadcms.com...
⭐️ Node.js: The Complete Guide to Build Backend Projects [2023] ⭐️
Link - www.dipeshmalv...
⭐️ Support my channel ⭐️
www.buymeacoff...
⭐️ GitHub link for Reference ⭐️
github.com/dma...
⭐️ Deployed demo app for Reference ⭐️
shoppingkart.p...
⭐️ Crash Courses ⭐️
🔗 Nodejs Crash Course - • Learn Node.js & Expres...
🔗 React Crash Course - • Learn React JS with Pr...
🔗 JavaScript Crash Course - • JavaScript Tutorial fo...
🔗 HTML5 Crash Course in 1 Hour - • HTML5 Crash Course for...
🔗 CSS Crash Course in 1 Hour - • CSS Crash Course For A...
⭐️ Social Media ⭐️
Twitter: / imdmalvia
Facebook: / programmingwithdipesh
Instagram: / dipeshmalvia
LinkedIn: / dmalvia
⭐️ Tags ⭐️
How to Create Modern E-commerce App using Next.js 13
Build FullStack Shopping App with Next.js & Payloadcms
Build & Deploy E-commerce App in Cloud
Node.js, Next.js, MongoDB, STRIPE Project
⭐️ Hashtags ⭐️
#nextjs #nextjs13 #ecommerce #beginners #tutorial
Disclaimer:
It doesn't feel good to have a disclaimer in every video but this is how the world is right now.
All videos are for educational purpose and use them wisely. Any video may have a slight mistake, please take decisions based on your research. This video is not forcing anything on you.
Guys, if the video is helpful to you or you learned something than please appreciate and ADD COMMENT hit the LIKE and SUBSCRIBE button and help this channel to GROW😉
Checkout the React Playlist - th-cam.com/play/PLTP3E5bPW7944Ec1lfXzavqRHzxY5FigD.html
Checkout the JS playlist - th-cam.com/play/PLTP3E5bPW795Nx9KUPCdHNsh7uuyqe9Mi.html
@DipeshMalvia bro getting this error in the console of deployed link
/_next/static/chunks/app/(pages)/products/%255Bslug%255D/page-6192255109b2cce3.js:1
Failed to load resource: the server responded with a status of 404 ()
472-7af87a4ea86f4870.js:1 ChunkLoadError: Loading chunk 679 failed.
(error: e-commerce-3bb51be.payloadcms.app/_next/static/chunks/app/(pages)/products/%255Bslug%255D/page-6192255109b2cce3.js)
at __webpack_require__.f.j (webpack-d66db1ea1274167a.js:1:4290)
at webpack-d66db1ea1274167a.js:1:1706
at Array.reduce ()
at __webpack_require__.e (webpack-d66db1ea1274167a.js:1:1654)
at 472-7af87a4ea86f4870.js:9:6009
at 472-7af87a4ea86f4870.js:9:6211
This is my deployed link : e-commerce-3bb51be.payloadcms.app/
when i click product, the page of the product details is blank and gives this in console
please help me boss
Thanks for working with us on this, Dipesh!
Hi, I created a Payload CMS project using a website template. I can access the admin page on my local machine (localhost:*/admin), but when I deploy it on my domain (Vercel), I can’t access the admin page. Am I missing something, or is Payload CMS only functional during development?
Thanks for this video. The Ecommerce template looks very interesting. The thing I'm missing though in this template is the possibility to define variants for a product. This is pretty basic I think for an ecommerce website, and I hope this is something that will be added to the template.
You can define your own variant fields within the product schema
Been waiting for this for a long time, Thanks Dipesh!
Hello Dipesh Malvia, payload cms has payment. How can I deploy the repo linked with payloadcms in Vercel.
How do I create the address part during payment?
Thanks dipesh sir also please make more this type video
Hello Dipesh,
I am a frontend developer with over 5 years of experience, and I am considering pursuing a master's degree abroad. My options are MSc in Data Analytics and MSc in Artificial Intelligence. I would greatly appreciate your suggestions on which course would be the ideal choice for someone with a background in frontend development. Thank you.
Please let me know if you need any further information or clarification.
Thanks for your valuable tutorial
But I have problem in components auto import not working in my vs code, please guide me to solve it...
Hello Dipesh Malvia, may I config multi language ( english and korean) to payload cms user page
@payloadcms: Can you please help me to answer this ?
Cool bro
bhai razor pay m bta do hum to india me hi rhte hai
Astra 3.0 ???????
Hello Dipesh in 46:03 Minutes, You Said 45 Minutes.😆
I am an attention detailed person , I am going to write this encounter on my CV.🤣
Hahah…good catch
@@DipeshMalvia Thank You Dipesh . I learnt Node from you 2hr Video and Now I'm confidentially looking for jobs.
I know I will land one soon . Thank You G.