Next.js with database - ECommerce App with admin page

Name: Next.js with database - ECommerce App with admin page
Rating: 5.0 (5 reviews)

Create Admin Page (add product - update product - delete product)

Created byAli Hassan Ali Hassan Elrayes

Last updated 4/2024

Arabic

What you'll learn

Learn how to add Admin in your Next js application.
Learn how to store data in mongoDB database.
Learn how to update and delete data in mongoDB database.
Learn how to Upload Images to Cloudinary.

Course content

1 section • 13 lectures • 3h 40m total length

#2 Design Admin Page26:14
#3 Store data in mongodb24:02
#4 Send file(image) to Back-end19:54
#5 Upload Images to Cloudinary15:50
#6 Task Solution6:30
#7 Fetching data in client component10:15
#8 Get All Products from mongoDB20:37
#9 Get only one product using searchParams9:02
#10 Delete Product from MongoDB27:39
#11 Delete image from cloudinary19:12
#12 Update Product10:55
#13 Task Solution14:08
#14 Task Solution16:00

Requirements

JavaScript basics
React Basics

Description

The main focus is to create the CRUD operations (add products, get products, update products, delete products)
You will learn how to Add data to the MongoDB database and store the product details in the database.
we will create an admin page to create new products and update and delete products.
You will learn how to create a real-world project using the next.js framework and MongoDB database.
We will learn how to Upload Images to Cloudinary and store the image link in MongoDB database.
We will Design the Admin Page using the Bootstrap library.
In this course, you will learn how to Integrate MongoDB Into Your Next.js App.
we will learn how to Connect MongoDB database to Next.js applications.
يجب ان تعلم ان ها الكورس هو كورس تفاعلى بمعنى اننى سوف اطلب فى مُنتصف الفيديو ان تقوم بتكملة الكود بنفسك قبل ان اقوم بعمل الأكواد
أهم نصيحة يُمكننى ان اعطيها لك هى ان تقوم بعمل المشاريع الموجودة فى هذا الكورس بعد مشاهدة الفيديو مباشرة حتى تتعود على كتابة الأكواد وعمل المشاريع الحقيقية
سوف يتم التركيز فى هذا الكورس على انشاء المشاريع الموجودة فى سوق العمل
أهم نصيحة يُمكننى ان اعطيها لك هى ان تقوم بعمل المشاريع الموجودة فى هذا الكورس بعد مشاهدة الفيديو مباشرة حتى تتعود على كتابة الأكواد وعمل المشاريع الحقيقية

Who this course is for:

full-stack developers
Javascript developers