Javascript Vue

Static Generated Progressive food delivery web app using NuxtJS and Firebase1 min read

FoodFire – Nuxt2.x + Fireabase + Vue2.x

Static Generated Progressive food delivery web app using NuxtJS + Firebase

Quick start

Make sure you have Node version >= 10.x, NPM >= 6.x
Yarn version >= 1.x
Clone the repo
git clone

navigate inside the directory

cd foodfire

install the dependencies with npm


serve with hot reload at localhost:3000

yarn dev

How to create a pull request

Fork the repo
Do modifications locally
Create a pull request
Merge into foodfire

Deploy to Netlify

Getting Started

Press the “New site from Git” button on the Netlify dashboard. Authenticate with your repository host, select a repository to deploy, and continue. You should land on step 3: “Build options, and deploy!”


Branch to deploy: master, or which-ever branch you prefer

Build command: npm run generate

Publish directory: dist

Add additional ENV variables via the “Advanced” button


Coding & Deployment

Using firebase firestore database with realtime update
Single page progressive ecommerce app using VueJs
Offline enabled
Progressive images with lazy loading
All assets(js,css,images) are precached for a faster user experience
Modular coding structure
Auto deploy to Netlify production server
Better and cleaner JavaScript code
Simplified installation and configuration
Reliable: Load fast and provide offline experience
Fast: Respond quickly to user actions
Engaging: Feel like a native app on mobile devices
Integrated google analytics

Store Front

Checkout using COD
Customer Address
Responsive store front
Dynamic Page Titles
Firebase authentication system (Login with google)


View Github

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest