Next.js CRUD and Image Upload Project

This is a Next.js project that demonstrates how to implement CRUD operations and an image upload process using popular libraries and tools. The project integrates MongoDB for the database, Cloudinary for image storage, and Tailwind CSS for styling.

Features

• Perform basic CRUD operations (Create, Read, Update, Delete).
• Upload and manage images using Cloudinary.
• Secure the application with JWT Authentication.
• Password hashing using bcrypt for secure user credentials.
• Styled using Tailwind CSS and DaisyUI for a modern UI.

Technologies Used

Frontend

• Next.js (14.2.11): Framework for server-side rendering and static site generation.
• React (18.3.1): UI library for building user interfaces.
• Tailwind CSS (3.4.11): Utility-first CSS framework.
• DaisyUI (4.12.10): Tailwind component library.

Backend

• MongoDB (6.9.0): NoSQL database for data storage.
• bcrypt (5.1.1): Password hashing for secure authentication.
• jsonwebtoken (9.0.2): For generating and verifying tokens.
• Cloudinary (2.5.0): Cloud-based image storage and delivery.
• next-cloudinary (6.13.0): Simplified integration of Cloudinary with Next.js.

Clone the repository

git clone https://github.com/RavinduAkalanka/nextjs-crud-image-upload.git
cd nextjs-crud-image-upload