Skip to content

Modern e-commerce self-hosted storefront: your clients will be happy to order delicious food. Check out demo! ๐Ÿ” ๐Ÿ• ๐Ÿฅ— ๐Ÿฃ ๐ŸŒฎ ๐Ÿœ ๐Ÿฐ

License

Notifications You must be signed in to change notification settings

nextorders/food

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ” NextOrders: Food

License Dev Containers Demo

Modern e-commerce self-hosted platform: clients will be happy to order delicious food!

๐Ÿ‘‰ Demo: Select a city

๐Ÿ‘‰ Demo: Website

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

main-screen-desktop

๐Ÿฃ Features

  • โœ… Fully responsive design โ€” works perfectly on any device.
  • ๐Ÿ“„ Multiโ€‘page SSR โ€” fast loading + SEO optimization.
  • ๐ŸŒ Multiโ€‘language โ€” supports 7+ locales.
  • ๐Ÿ™๏ธ Multiโ€‘city support โ€” run separate storefronts for different cities/regions.
  • ๐Ÿ›’ Persistent cart โ€” always visible on desktop.
  • ๐Ÿšš Delivery & pickup โ€” flexible fulfillment options.
  • ๐Ÿ” Instant search โ€” find products in the catalog.
  • ๐Ÿ Guest checkout โ€” no registration required.

Check out PageSpeed Insights. Maybe it's showing all 100s ๐Ÿ˜‰

๐Ÿฅช 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

The application currently supports different languages:

Code Language Native Link
en ๐Ÿ‡บ๐Ÿ‡ธ English English en-US.ts
de ๐Ÿ‡ฉ๐Ÿ‡ช German Deutsch de-DE.ts
es ๐Ÿ‡ช๐Ÿ‡ธ Spanish Espaรฑol es-ES.ts
fr ๐Ÿ‡ซ๐Ÿ‡ท French Franรงais fr-FR.ts
ka ๐Ÿ‡ฌ๐Ÿ‡ช Georgian แƒฅแƒแƒ แƒ—แƒฃแƒšแƒ˜ ka-GE.ts
ru ๐Ÿ‡ท๐Ÿ‡บ Russian ะ ัƒััะบะธะน ru-RU.ts
zh_cn ๐Ÿ‡จ๐Ÿ‡ณ Simplified Chinese ็ฎ€ไฝ“ไธญๆ–‡ zh-CN.ts

โ˜• How to deploy

โš ๏ธ Warn: work in progress.

๐Ÿฟ 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.

๐Ÿ• Main idea and architecture of NextOrders

There is a great desire to create software that is ideal for ordering and delivering food. It will be a set of solutions that can work together.

nextorders-arch

Let's see what happens. Offer your ideas and make commits.

About

Modern e-commerce self-hosted storefront: your clients will be happy to order delicious food. Check out demo! ๐Ÿ” ๐Ÿ• ๐Ÿฅ— ๐Ÿฃ ๐ŸŒฎ ๐Ÿœ ๐Ÿฐ

Topics

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors 4

  •  
  •  
  •  
  •  

Languages