<!~~- 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

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.

Delivo-Food Delivery PWA Mobile Nextjs Template