[Mã code 57572]

Mẫu giao diện UI Reactjs + Nextjs, Vite + MUI + Javascript

  (1 Đánh giá)
  0       281    

Đây là bộ UI hoàn hảo để bắt đầu dự án của bạn, rất phù hợp cho sinh viên và công ty. Được xây dựng từ thư viện Material UI, Javascript. Bộ source bao gồm next-js, vite-js, starter

Danh mục
Thể loại
Ngày đăng
20-6-2025
Loại file
Full code
File download
 WebKits_JavaScript_v7.2.0.zip [31.5 MB]
CAM KẾT TỪ NGƯỜI BÁN
Chức năng đầy đủ giống demo 100%
Souce đã bao gồm nextjs, vitejs, starter next or vite (ver 7.3.0)
Tặng kèm figma nếu cần (liên hệ)

(Hạng vàng)
Xem trang

Source code
1

Đánh giá (1)
5/5

Ngày tham gia
20/6/2025

Tính năng:
  • React v19
  • Vite.js v6
  • Material UI v7
  • React Router v7
  • ESLint v9 (flat config)
  • Next.js v15.x (App Router version)
  • 70+ trang mẫu
  • 100% React hooks
  • React context API
  • Các trình soạn thảo (Editors)
  • Biểu đồ Apexcharts
  • Tìm nạp dữ liệu với SWR (SWR fetching)
  • Chế độ sáng/tối
  • Tải lên bằng Dropzone
  • Tải ảnh trễ (Image lazy loading)
  • Thay đổi chủ đề màu sắc
  • React hook form + Zod
  • ESLint & prettier
  • Hoạt ảnh với Framer Motion
  • Các tuyến đường riêng tư / công khai (Private / public routes)
  • Hỗ trợ giao diện từ phải sang trái (Right-to-left layout)
  • Xác thực (JWT / Firebase / Amplify / Auth0 / Supabase)
  • Dễ dàng tùy chỉnh
  • Thiết kế đáp ứng đầy đủ, hoạt động trên tất cả các trình duyệt và thiết bị hiện đại/được hỗ trợ

 

Update:

  • 22/06/2025: v7.3.0


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

HÌNH ẢNH DEMO


quản lý sản phẩm,giao diện trang quản lý,trang quản lý sản phẩm,code giao diện quản lý

quản lý sản phẩm,giao diện trang quản lý,trang quản lý sản phẩm,code giao diện quản lý

quản lý sản phẩm,giao diện trang quản lý,trang quản lý sản phẩm,code giao diện quản lý

quản lý sản phẩm,giao diện trang quản lý,trang quản lý sản phẩm,code giao diện quản lý

quản lý sản phẩm,giao diện trang quản lý,trang quản lý sản phẩm,code giao diện quản lý

quản lý sản phẩm,giao diện trang quản lý,trang quản lý sản phẩm,code giao diện quản lý

quản lý sản phẩm,giao diện trang quản lý,trang quản lý sản phẩm,code giao diện quản lý


HƯỚNG DẪN CÀI ĐẶT

I. Điều kiện tiên quyết: Node.js >= 20 (Recommended)

 

II. Cài đặt:

1. Dùng Yarn (Recommended):

  • yarn install
  • yarn dev

2. Dùng npm:

  • npm i
  • npm rundev

 

III.Build: `yarn build` or `npm run build`




Nguồn: Topcode.vn

BÌNH LUẬN (0)


ĐÁNH GIÁ (1)

ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
13:31 - 20/6/2025
Code rất tốt
Code rất tốt và phù hợp để phát triển
HỖ TRỢ TRỰC TUYẾN