Skip to content

Self-hosted website for food delivery. Your brand, your customers, zero middleman fees. Check out demo! ๐Ÿ” ๐Ÿ• ๐Ÿฅ— ๐Ÿฃ ๐ŸŒฎ ๐Ÿœ ๐Ÿฐ

License

Notifications You must be signed in to change notification settings

nextorders/food

Repository files navigation

๐Ÿ” NextOrders: Food

License Dev Containers Demo

Self-hosted website for food delivery. Your brand, your customers, zero middleman fees.

๐Ÿ‘‰ Demo: Select a city

๐Ÿ‘‰ Demo: Website

Loved the taste? Give a star โญ โ€” it's like leaving a tip for the chef!

main-screen-desktop

๐ŸŽฏ Who is this for?

Who Current pain How NextOrders helps
Small restaurants & cafes Aggregators (Uber Eats, DoorDash, etc.) take 20-35% commission Your own website with zero commission fees
Restaurant chains Custom development is expensive, or stuck with legacy systems Modern, production-ready frontend out of the box
Ghost kitchens Full dependency on aggregators, no direct customer relationship Direct channel to customers, own brand presence
Dev agencies & integrators Building food delivery sites from scratch for each client Ready-to-deploy solution, just connect your backend

The idea is simple: deploy the web-app container, connect it to your own service that implements food-schema, and you have a modern food ordering website.

๐Ÿฃ Features

Performance & SEO

  • PageSpeed 100 โ€” check it yourself. Fast loading, great Core Web Vitals.
  • Multiโ€‘page SSR โ€” SEO-friendly, indexable by search engines.

Global ready

  • 11+ languages โ€” EN, DE, ES, FR, RU, ZH, and more.
  • Multiโ€‘city support โ€” separate storefronts for different locations.

Conversion focused

  • Most often added โ€” shows items frequently bought together.
  • Product video โ€” boost conversion with video on product pages.
  • Persistent cart โ€” always visible on desktop.
  • Delivery & pickup โ€” flexible fulfillment options.

๐Ÿ• Architecture

NextOrders separates the frontend (this repo) from the backend (your business logic).

nextorders-arch

  • Web App โ€” storefront that customers see and use
  • Your Backend โ€” serves your menu, prices, and handles orders
  • Shared schema โ€” typed contract between frontend and backend (see Food Schema)

You keep full control over your data and business logic. The frontend just needs an API that follows the schema.

๐Ÿฅช Tech Stack

  • Nuxt: An open source framework that makes web development intuitive and powerful.
  • Nuxt UI: A collection of UI components for Nuxt.
  • Pinia: A state management solution for Vue.
  • TailwindCSS: A utility-first CSS framework for rapid UI development.
  • TailwindCSS Motion: Nice animations for TailwindCSS.
  • Iconify: An icon library for the web.
  • VueUse: A collection of essential Vue composable utilities.
  • Zod: A schema definition and validation library for TypeScript and JavaScript.

All dependencies are managed by pnpm. Check the pnpm-workspace.yaml for more details.

๐Ÿฅ’ Repository structure

There are main apps and services:

  • Web App: Web storefront. Client can order delicious food.
  • Web App Selector: Welcome screen with a list of available storefronts.
  • Essence: An example of a service with business logic and data. Web App and Web App Selector use it via API.

There are packages:

  • Food Schema: All types and schemas for the project. Here you can understand main data structures.
  • UI: Theme and components for all apps. It is a Nuxt Layer with @nuxt/ui.
  • Core: Shared stores and server routes. It is a Nuxt Layer.

๐ŸŒŽ Supported Locales

11+ languages out of the box: English, German, Spanish, French, Russian, Chinese, and more.

Full list of supported languages
Code Language Native Link
en ๐Ÿ‡บ๐Ÿ‡ธ English English en-US.ts
de ๐Ÿ‡ฉ๐Ÿ‡ช German Deutsch de-DE.ts
el ๐Ÿ‡ฌ๐Ÿ‡ท Greek ฮ•ฮปฮปฮทฮฝฮนฮบฮฌ el-GR.ts
es ๐Ÿ‡ช๐Ÿ‡ธ Spanish Espaรฑol es-ES.ts
fr ๐Ÿ‡ซ๐Ÿ‡ท French Franรงais fr-FR.ts
hi ๐Ÿ‡ฎ๐Ÿ‡ณ Hindi เคนเคฟเค‚เคฆเฅ€ hi-IN.ts
it ๐Ÿ‡ฎ๐Ÿ‡น Italian Italiano it-IT.ts
ka ๐Ÿ‡ฌ๐Ÿ‡ช Georgian แƒฅแƒแƒ แƒ—แƒฃแƒšแƒ˜ ka-GE.ts
pt ๐Ÿ‡ต๐Ÿ‡น Portuguese Portuguรชs pt-PT.ts
ru ๐Ÿ‡ท๐Ÿ‡บ Russian ะ ัƒััะบะธะน ru-RU.ts
zh_cn ๐Ÿ‡จ๐Ÿ‡ณ Simplified Chinese ็ฎ€ไฝ“ไธญๆ–‡ zh-CN.ts

โ˜• How to deploy

Docker image and deployment guide coming soon. For now, check out the demo or run locally with pnpm dev.

๐Ÿฟ How to develop

You can develop in isolated container with prepared options:

Dev Containers

Make a fork. Or clone this repo and use standard command to install dependencies:

pnpm i

๐Ÿฐ License

This project is licensed under the MIT License - see the License file for details.

About

Self-hosted website for food delivery. Your brand, your customers, zero middleman fees. Check out demo! ๐Ÿ” ๐Ÿ• ๐Ÿฅ— ๐Ÿฃ ๐ŸŒฎ ๐Ÿœ ๐Ÿฐ

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors 4

  •  
  •  
  •  
  •  

Languages