Mesio – Food Delivery UI Kit (Next.js + Payload + PWA)
Giá gốc là: 2.053.740₫.410.748₫Giá hiện tại là: 410.748₫.
Description:
Mesio is a sleek and modern Food Delivery UI App built with Next.js and optimized as a Progressive Web App (PWA). Designed with a mobile-first approach, it ensures a smooth, high-performance user experience — ideal for food delivery services, restaurants, or any online ordering platform.
If you’re using a mobile device, tap the button below:
Mesio – Food Delivery UI App (Next.js + PWA Ready)
Features:
– Built with Next.js 15.4.4
– 100% Functional Components & React Hooks
– SVG Icon Set Included
– Responsive and Mobile-First Design
– PWA Optimized for Installable App-Like Feel
– All files written in .tsx
– Redux for State Management
– Preloader and Smooth Page Transitions (Next.js Routing)
– Free Google Fonts Included
– Well-Structured and Easy to Customize
– Developer-Friendly Documentation
– Integrated with Payload CMS for dynamic content management
Why Choose PWA?
- App-like Experience: Feels like a native app, no app store needed
- Offline Access: Works even with limited connectivity
- Fast & Responsive: Instant loading and optimized performance
- Cross-Device Support: One app for all screen sizes
- Push Notifications: Re-engage users effectively
- No App Store Approvals: Ready to use via browser
Getting Started:
- npm install – Install project dependencies
- npm run dev – Run the development server
Technologies Used:
- React
- TypeScript
- Redux.js.org
Font:
– Roboto
What You’ll Get After Purchase:
- Complete Next JS Source Code – Clean and well-organized
- PWA Functionality – Installable and offline-ready
- Step-by-step Documentation – For easy setup and usage
- Pre-configured Payload CMS – Easily manage all your store content from a powerful admin dashboard
APIs Used in the Project:
- dishes.json
- promocodes.json
- reviews.json
About Us:
We specialize in modern UI design and app development. Whether you’re starting from scratch or need a polished frontend for an existing backend — we’re ready to help. Reach out to bring your ideas to life.
Explore Our Work:
Need help? Message us on Telegram or WhatsApp:
1. Bấm Đăng nhập/đăng ký.
2. Điền thông tin email, mật khẩu đã mua hàng -> bấm Đăng nhập.
3. Di chuột đến mục Tài khoản -> Đơn hàng -> bấm vào Xem ở đơn hàng đã mua.
4. Đơn hàng hiển thị tình trạng Đã hoàn thành -> bấm vào Download để tải sản phẩm về.
1. Bấm Thêm vào giỏ hàng -> bảng thông tin giỏ hàng sẽ hiển thị góc trên bên phải.
2. Bấm Thanh toán.
3. Điền thông tin thanh toán gồm: tên, email, mật khẩu.
4. Chọn phương thức thanh toán có hỗ trợ gồm: Chuyển khoản ngân hàng (quét mã QR), quét mã Momo, quét mã Viettelpay, Paypal.
5. Bấm Đặt hàng để tiếp tục.
5. Thanh toán bằng cách quét mã QR (Nội dung chuyển khoản và số tiền sẽ tự động được tạo), hoặc chuyển khoản nhập số tiền và nội dung chuyển khoản như hướng dẫn.
6. Sau khi thanh toán xong đơn hàng sẽ được chúng tôi xác nhận đã hoàn thành và bạn có thể vào mục Đơn hàng để tải sản phẩm đã mua về.
Sản phẩm tương tự
