Full Stack Web App Using Firebase
Firebase is a platform developed by Google for creating mobile and web applications. It was originally an independent company founded in 2011. In 2014, Google acquired the platform and it is now their flagship offering for app development.
💳 Firebase account💳 Google Cloud Platform account💿 Node.js (including npm)📋 Visual Studio Code or any code editor💻 Postman or any HTTP client tools
-
Create Firebase project then create database on Firebase Firestore with a collection & an initial document. After that setup project permission on Google Cloud Platform IAM (Identity Access Management). For more detail steps, follow the tutorial video (in Bahasa).
-
Clone this repo:
$ git clone https://github.com/LintangWisesa/FullStack_WebApp_Firebase.git $ cd FullStack_WebApp_Firebase
-
Setup backend: first insert your Google Cloud Platform credential key (
.json
) insidebackend/functions/config/key.json
then install all dependencies:$ cd backend/functions $ npm i
Run locally using Firebase serve on backend dir:
$ cd backend $ firebase serve
If you want to deploy it on Firebase Functions, make sure you have Firebase Blaze Plan (Pay as You Go) then execute:
$ cd backend $ firebase deploy
-
Setup frontend and run locally:
$ cd frontend $ npm i $ npm start
If you want to deploy it on Firebase hosting, make sure you have build the app.
$ npm run build $ firebase deploy