Full-Stack Quick Commerce App with Next.Js, Drizzle ORM and Cryptomus Payments
HTML-код
- Опубликовано: 6 сен 2024
- 🔗 Cryptomus Website: bit.ly/3zMCDEV
🔗 Cryptomus Telegram: bit.ly/4f7Mgy0
🔗 Source Code: github.com/cod...
🔗 Design Inspiration: bit.ly/3zOZMGz
👉 Step into the world of full-stack development with our detailed MERN Stack With Microservices course! Transform your ideas into reality: www.codersgyan... 🌐🚀
🤝 Get 1:1 mentorship: topmate.io/cod...
📚 Web Development Learning Resources
JavaScript Course:
• JavaScript Complete co...
Object Oriented Programming:
• OOP - Javascript
Full Stack Developer's Journey:
• Full Stack Developer's...
MERN Stack Playlist:
• MERN Stack
Interview Questions Playlist:
• Javascript Interview q...
Crash courses:
• Crash courses
CodersGyan Community Links
🎥 Subscribe to Our Channel: / @codersgyan
📱 WhatsApp Channel: whatsapp.com/c...
🌐 Website: www.codersgyan...
🤖 Discord Community: / discord
🔗 LinkedIn: / codersgyan
💻 GitHub: github.com/cod...
✅ My gears for everyday work: docs.google.co...
00:00:00 Project Demonstration
00:14:28 NextJs Installation
00:17:35 Setting Up Database(PostgreSQL)
00:20:10 Setup Drizzle ORM
00:28:20 Database ERD Diagram
00:45:38 Create User Table
00:57:40 Creating the Product Table
01:01:36 Creating the Product Endpoint
01:05:14 Install Zod for Validation
01:18:27 Store Data into the Database
01:27:51 Get Product List Endpoint
01:32:55 Get Single Product Endpoint
01:40:39 Create Warehouse Endpoint
01:55:58 Get Warehouses List Endpoint
01:59:04 Create Delivery Person Endpoint
02:18:06 Get All Delivery Persons Endpoint
02:24:47 Create Inventories Endpoint
02:39:22 Get All Inventories Endpoint
02:45:17 Implement Next Auth
03:25:02 Install Shadcn
03:35:21 Create Dashboard Homepage
03:58:53 Create Product Page
04:15:43 Fetch Product Data from Backend Using React Query and Axios
04:36:51 Add Product Functionality
05:21:25 Add Loading Spinner to Create Button
05:26:07 Close Sheet on Success
05:32:32 Add Loading Spinner for Fetching Products
05:36:09 Display Error Message on Product Fetch Error
05:40:09 Assignment
05:56:05 Create Inventory Table
06:03:58 Add Inventory Form
06:26:31 Create Homepage
06:35:25 Create Dynamic Product Section
07:04:17 Create Single Product Page
08:14:13 Create Order Placement Endpoint
08:17:32 Order Creation
09:05:27 Create Invoice
09:06:01 Implement Cryptomus Payment System
10:35:38 Create Payment Success Page
10:37:33 Create Payment Failed Page
10:39:16 Get Orders List Endpoint
10:47:35 Display Orders List in Dashboard
11:11:44 Update Order Status Endpoint
11:21:01 Add Select Box to Change the Order Status
11:34:04 Show Order List for Users
11:54:05 Secure Account Section
11:57:55 Implement User Logout Functionality for Client
12:04:51 Implement Logout Functionality for Admin Panel
12:12:54 Secure All API Endpoints
12:24:01 Ending
#nextjs14 #fullstackdevelopment #postgresql #codersgyan #cryptomus #project #webdevelopment
Sir deployment part of this project?
Dude do we need to pay anywhere while building this?
I love how you covered both the frontend and backend aspects, making it easier to understand the full stack development process. The step-by-step explanations and code walkthroughs are super helpful. Keep up the great work.
Thank you Aamir : )
Great timing rakesh sir. 😍 Now I'll start the video, i know obviously it's great
Yes great, also complete the todos.
@@CodersGyan sure🥳🥳
Finely big project a gya❤🎉😊
O my god, aisa hee kuchh expect kr rha tha mai kab se❤
And one of the best part is TODO
Lekin sir deployment please...
To like kariye or shuru hojaeye 😅
Shuru hoo gaye ❤ aur bina like kaise reh sakte hai
Starting this masterpiece after I'm done with the mastershit project I'm supposed to do as asked by my college.
Thank you for such a great project sir.
Enjoy
When I complete next front or back my fullstack journey was like 🚀🚀🚀🚀🚀🚀 ❤ thnks sir and your teaching style is completely different easy to learn and simple.
Sir i subscribe you because you teach too well and provide free source code
if possible can you remove that extension of counting lines which is annoying unable to know at which line are writng
Payment Gateway pr ek tutorial bnaiye sir.
How to add in the e-commerce website.
node:internal/process/promises:391
triggerUncaughtException(err, true /* fromPromise */);
I am getting above error while trying to npm run db:run
I am on v20.15.1
same issue aa raha hai mujhe bhi jab warehouse create kr raha hu to
how did you solved pls answer
error solved
make .env file not .env.local
2:45:13 Create and Get inventories endpoints created done
That awesome project for resume so thank you Rakesh sirji you are best teacher
Such a masterpiece... Hats off to your hard work... It will really help a lot... Keep it up... Full support to you rakesh Ji ❤
Thank you Pradeep 🎉
@@CodersGyan z.instanceof(File,{message:"Product image should be a file."}). File is not defined error occurs. got stuck from 3hr. can you pls help
Sweet project 🍫
thanks , I make this soon, And Also Upload on LinkedIn
What a surprise ❤❤.
When you have plan to invest 12hours then why did not started from scratch,?
cryptomus ka merchant nahi ho raha sir
Great this is the video I was waiting for but I was looking for using prisma instead of Drizzle
Drizzle is better than prisma.
Completed untill 9:05:00 minutes soo far learnt so much from you thankyou so much.
thanks sir plz deployment b krdo kasa hoga
or next time plz use Blockchain or solidity with NEXT js
Sir MERN course pe discount milega ? Aur agar milega toh kitna milega
Check community post waha discount coupon dia hua hai.
Sizzling 🔥
Thankyou sir 😊
I know MERN stack so is it ok to start this project or I have to learn new things
please reply sir, I am confused about should I start or not
Yes definitely you should watch this course.
@@CodersGyan thanks sir
Sir,
Can you make same video using react js
For react js you can watch my recent React JS Dashboard project
1:27:53 Yah tak complete ho gya 😁
Sir project ka deployment part bhi dikha do please
Sir is cryptomus free. ? I mean is there any testing payment option??
Waiting for Nextjs with Go Lang 🤭
Sir request to complete deployment with docker
sir apne payment kr k dikhaya ki product ka payment successful hai but kya payment jo apne ki hai wo testing k liye project m mileyga bcz we dont have crypto coins at least completion of project test kr paengey is project ki testing without having crypto coins? just rply my doubts please
sir thanks for giving us project like this .
Unfortunately, the Crypto payment gateway does not provide you test account like stripe does. You will have to buy a crypto currency, I will suggest to buy some USDT through meta mask. You may also try other crypto exchanges. I did the same, I bought few USDT for development of this project.
@@CodersGyan sir in this project you use postman it is necessary to use?
01:14:20 sir yaha pr aise bhi kr skte hai na, chal rha hai
const filename = `${Date.now()}.${validatedData.image.name.split(".").pop()}`;
completed 7:40:40
Sir please mern stack me project laye prisma drizzle esa kuch nahi
Already banaya hua hai playlist check kariye
Sir bhale video 20 hr ka ho jaye lekin fully functional hona chayie isme invoice wagera kahan hai and delivery status product ki and bohot saari cheez missing hai multiple panels banao naa same project har jahah available hai
bhai tum banalo yeh features aur mujhe bhi repo ki link bhejdena.
It would good if the project used credit card.
You are free to extend the payment feature and add credit card. Cryptomus also support card payments. Just give a read to docs.
@@CodersGyan Thanks, good to know.
Sir app kiya freelance web development korta ho kiya
Yes, I do.
@@CodersGyan thanks sir
sir Golang series ke bichme iske liye kb time nikal liya 😮
same yahi mery mind me b aya🤣🤣
Wo bhi chalti rahegi, don’t worry 😉
@@CodersGyan sir hamain tu projects chiya hoty hain apny esmy apny sql kun use kiya hai hamain fully MERN project chiya tha or ap API wala portion alag rakhty tu kitna acha hota idher majority beginers ki hai tu kindly os level ki chezain use kiya krain No doubt project next level ka hai but plz hamra b khyal kiya krain thanku
@@Marshal-786 ek dum braber bola
@@Marshal-786 bhai same category ke projects kitni baar sikhoge jbtak nya explore nhi krohe toh aage kse bdhoge already channel pr itni sari videos MERN pr he.
please share er digram and payment integration digram link
❤❤
❤
sir reply node:internal/process/promises:391
triggerUncaughtException(err, true /* fromPromise */);
sir pls reply
I am getting this error
error solved make the .env file not .env.local
I Am getting issue while setting domain in the cryptomus. I Am Choosing meta tag and in my layout.js file i try to add it using this code interface MetaTag {
name: string;
content: string;
}
interface PageMetadata extends Metadata {
custom: MetaTag[];
}
export const metadata: PageMetadata = {
title: "Create Next App",
description: "Generated by create next app",
custom: [
{ name: "cryptomus", content: "8cae690d" },
],
}; but still geting error
If anyone knows the solution please tell me
how you got the api from the cryptomus ?