<!– Hero –>
▲ Next.js Template
Delivo — Food Delivery PWA
Premium food delivery template rebuilt in
Next.js 16 with TypeScript,
Redux Toolkit, and Bootstrap 5.3. All original pixel-perfect dark/orange
design preserved — now with production-ready architecture.
Next.js 16
React 19
TypeScript 5.4
Bootstrap 5.3
Redux Toolkit
PWA Ready
<!– Features –>
✅ Core Features
⚡
Next.js 16 App Router
File-based routing, server components, layouts, and loading states
out of the box.
PWA Ready
Installable on iOS & Android home screens with manifest and service
worker support.
Bootstrap 5.3 Preserved
All original CSS classes and SCSS architecture kept exactly as
designed.
️
Redux Toolkit + Persist
Cart, favorites, and UI state persisted across sessions with
redux-persist.
TypeScript
Fully typed codebase with interfaces for all data models, props, and
API responses.
✅
Form Validation
react-hook-form + Zod schema validation on all auth and profile
forms.
️
Map Integration
Real-time order tracking with react-leaflet and Leaflet.js map
support.
Toast Notifications
react-hot-toast for success, error, and info feedback throughout the
app.
Developer Friendly
Well-commented code, clean folder structure, Prettier formatting,
and ESLint.
<!– Tech Stack –>
Tech Stack
| Package | Version | Purpose |
|---|---|---|
next |
16.1.5 | App framework — App Router, SSR, SSG |
react / react-dom |
19.2.0 | UI library |
typescript |
5.4.5 | Type safety throughout |
bootstrap |
5.3.3 | CSS framework — all original classes preserved |
sass |
1.77.8 | SCSS compilation — source files included |
@reduxjs/toolkit |
2.11.2 | Global state — cart, favorites, UI |
react-redux |
9.2.0 | Redux bindings for React |
redux-persist |
6.0.0 | Persist cart & favorites across sessions |
react-hook-form |
7.71.1 | Form state management |
@hookform/resolvers |
5.2.2 | Zod schema resolver for forms |
zod |
4.3.6 | Schema validation |
react-hot-toast |
2.6.0 | Toast notifications |
react-leaflet / leaflet |
5.0.0 / 1.9.4 | Map for order tracking |
date-fns |
4.1.0 | Date formatting utilities |
lucide-react |
0.574.0 | Icon library |
clsx |
2.1.1 | Conditional className utility |
<!– Pages –>
30+ App Screens
Onboarding & Splash
- Splash Screen
- Onboarding Slides (1–3)
Authentication
- Sign In
- Sign Up
- OTP Verification
- Forgot Password
- Create New Password
Core App
- Home Dashboard
- Search
- Filters
- Notifications
Food & Menu
- Menu Detail
- Favorites / Wishlist
- Hot Deals
Ordering Process
- Cart / Checkout
- Payment Selection
- Add New Card
- Order Success
Order Tracking
- Live Map Tracking
- Status Timeline
- Driver Rating & Tip
- Order History
User Profile
- Profile Settings
- Edit Profile
- Payment Methods
- Saved Addresses
Utility & Settings
- Security Settings
- Change Password
- Privacy Policy
- Terms & Conditions
- Help Center / FAQs
- 404 Error Page
<!– Footer –>
Get Delivo Next.js today
Launch your food delivery app with style — built on the most powerful
React framework.