Mesio – Food Delivery UI Kit (Next.js + Payload + PWA)

Giá gốc là: 2.035.800₫.Giá hiện tại là: 407.160₫.

Demo

Danh mục: Site Templates

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:

Tặng Hosting 1gb khi mua bất kỳ sản phẩm nào.

Tặng 1 theme/plugin:

Flatsome, Elementor Pro, Yoast seo premium, Rank Math Pro, wp rocket, jnews, Newspaper, avada, WoodMart, xstore

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ề.