SourceCode thư viện đăng tải ảnh, gallery bằng NextJs, NextAuth,Cloudinary,...

(1 Đánh giá)

0 314

Dự án cung cấp một thư viện đăng tải ảnh và quản lý gallery sử dụng Next.js, NextAuth, và Cloudinary. Người dùng có thể đăng nhập (NextAuth), tải ảnh lên (Cloudinary), hiển thị thư viện ảnh,...

Danh mục

Javascript

Thể loại

WebsiteBán hàng - TMĐT

Ngày đăng

28-3-2025

Loại file

Full code

File download

free_images.rar [#]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Thông tin code đúng như mô tả

Hỗ trợ người mua sau khi tải code

ti titi

(Hạng vàng)
Xem trang

Source code
4

Đánh giá (4)
5/5

Ngày tham gia
13/4/2023

Dự án này cung cấp một thư viện hoàn chỉnh cho việc đăng tải và quản lý ảnh, sử dụng Next.js kết hợp với NextAuth để xác thực người dùng và Cloudinary để lưu trữ, tối ưu hóa ảnh.

🔥 Công Nghệ Sử Dụng

Next.js: Framework React tối ưu cho SEO và SSR (Server-side Rendering).
NextAuth: Xác thực người dùng qua nhiều phương thức (Google, GitHub, Credentials, v.v.).
Cloudinary: Nền tảng lưu trữ ảnh trên đám mây, hỗ trợ resize, crop, tối ưu hóa ảnh.
Tính Năng Chính

🟢 Xác Thực Người Dùng (NextAuth)
- Hỗ trợ đăng nhập & đăng xuất thông qua Google, GitHub, hoặc tài khoản email.
- Lưu thông tin người dùng vào session để xác định quyền truy cập.
🟡 Tải Ảnh Lên Cloudinary
- Chọn ảnh từ máy tính và preview trước khi tải lên.
- Sử dụng API của Cloudinary để upload ảnh nhanh chóng.
- Hỗ trợ resize, crop ảnh tự động trước khi upload.
🔵 Quản Lý & Hiển Thị Ảnh
- Hiển thị gallery ảnh cá nhân dựa trên tài khoản đăng nhập.
- Load ảnh từ Cloudinary CDN giúp tối ưu tốc độ tải trang.
- Tích hợp Lazy Loading giúp cải thiện hiệu suất.
🔴 Xóa & Chỉnh Sửa Ảnh
- Cho phép xóa ảnh khỏi thư viện (xóa luôn trên Cloudinary).
- Hỗ trợ chỉnh sửa ảnh như cắt, thay đổi kích thước ngay trên Cloudinary.
📌 Quy Trình Hoạt Động

1️⃣ Người dùng đăng nhập vào hệ thống qua NextAuth.
2️⃣ Chọn ảnh và tải lên Cloudinary bằng API.
3️⃣ Hệ thống lưu URL ảnh vào database (nếu có) hoặc lấy trực tiếp từ Cloudinary.
4️⃣ Người dùng có thể xem gallery ảnh, xoá ảnh, hoặc chỉnh sửa ảnh.