Become a cloud pro with hands-on experience in developing, styling, and managing a Cloud-Native web application using Tailwind, Google Cloud, and Firebase. No setup, no cleanup, no hassle.

Cloud Native Web Development - A Hands-On Guidebook-01.jpg

cloud-native-web-app.tar.gz

username

email

access_token

repository_name

author

firebase_proj_name

FIREBASE_TOKEN

cypress_key

cypress_projectID

dev_api_key

sapper

add-firebase-sdk

install-firebase-cli

cypress-cli

headless-mode

headless-mode-2

component-tests-1

component-tests-2

testing-library

cypress-dashboard

enable-tests-CI

enable-PR

svelte-intro

tailwindcss-component

tailwindcss-svelte

tailwindcss-svelte2

user-auth1

login-page

admin-page

user-svelte-store

signin-vs-signout

secure-admin-page

redirect

configure-firestore

create-user-interface-1

write-data-1

persist-new-blog-1

read-data-1

security-rules

configure-emulator

test-fcf-locally

new-service-placeholder

dev-integration

test-new-service

markdown2html

write-test-for-service-1

deploy-service-req-one

deploy-service-req-two

speed-up-CI-CD

local-dev

emulator-start

ch-2/lesson-5

ch-3/lesson-3

ch-1/lesson-4

ch-3/lesson-4

ch-3/lesson-5

ch-3/lesson-6

ch-4/lesson-3

ch-4/lesson-4

ch-5/lesson-1/1

ch-5/lesson-1

ch-6/lesson-2

ch-6/lesson-3

ch-8/lesson-3

ch-8/lesson-4

ch-8/lesson-6

ch-8/lesson-7

ch-8/lesson-8

ch-9/lesson-3

ch-9/lesson-4

ch-9/lesson-5

ch-10/lesson-1

ch-10/lesson-2

ch-10/lesson-3

ch-10/lesson-4

ch-10/lesson-5

ch-11/lesson-2

ch-11/lesson-3

ch-11/lesson-4

ch-11/lesson-5

ch-11/lesson-6

ch-11/lesson-7

create-user-interface-2

create-user-interface-3

create-user-interface-4

write-data-2

write-data-3

persist-new-blog-2

read-data-2

read-data-3

ch-12/lesson-2

ch-12/lesson-3

ch-13/lesson-2

ch-13/lesson-3

ch-13/lesson-4

ch-13/lesson-5

ch-13/lesson-6

ch-13/lesson-7

ch-13/lesson-8

ch-13/lesson-9

new-service-placeholder-copy

write-test-for-service-2

write-test-for-service-3

ch-14/lesson-1

This course is a hands-on guidebook to walk you through the journey to creating your first web application in the cloud.

In this course, you will have hands-on experience in developing, styling, hosting, testing, and efficiently managing a complete Cloud-Native web application. Along with this, you will learn how to make the important decision of choosing a technology or tool for your web application.

By the end of this course, you will have a set of expertise in developing cloud native web applications that will help you throughout your career.

Cloud Native Development with Tailwind, Google Cloud and Firebase

# Firebase command line interface (CLI)

Firebase command line interface (CLI) is used to interact with the Firebase web application. We will use it to interact with the application you created a short while ago.

> **Caution:** As stated in the previous lesson, we are not going to follow the instructions in the Firebase wizard displayed in your web browser. We are currently working in the `enable-firebase-hosting` branch.

## Installing the Firebase CLI

First of all, to keep the Firebase scripts and configuration files out of the main web service, let's create a firebase folder at `services/web/firebase`. We also need a
`package.json` file where we can add NPM scripts to deal with Firebase. For this purpose, run the following commands:

```
mkdir services/web/firebase
cd $_
npm init
```

Provide the following values, with your name as the author:

```Terminal
package name: (firebase) web-firebase
version: (1.0.0)
description: The web service's Firebase project.
entry point: (index.js)
test command:
git repository:
keywords:
author: @<Your username>
license: (ISC)
```

In the `services/web/firebase` directory, install the Firebase CLI with:

```
npm install -D firebase-tools
```

**Why use `npm install -D` not `npm install -g`?**

Using npm install -g to globally install NPM packages, such as the Firebase CLI, is a quick and convenient way to get started. However, it becomes an inconvenience for teams later. Here's why.

With each globally installed NPM dependency, a project becomes less
self-contained. There needs to be documentation somewhere that
instructs others who work on a project to install all global NPM
dependencies before they can work on a project. It is only a matter of
time until that documentation is outdated.

Instead of **-g**, most of the successful web developers prefer **-D**. With **-D**, or **--save-dev**, the dependencies
become part of the `package.json` file, and a simple `npm install` ensures all dependencies the project needs are readily available!

As a nice side effect, dev dependencies can now easily be used in NPM scripts by referring to their name, such as `firebase` in case of the Firebase CLI. We will leverage that in our web application.

**Terminal**

Learn how to install and initialize Firebase CLI. 

Install the Firebase CLI

Introduction

Create a GitHub Project Using Monorepo Template

Set Up Backend Using Sapper Template

Host Your Web App on Firebase

Set Up The Continuous Deployment Pipeline

Local Development

Feature Toggles

Production Monitoring & Rollbacks

Testing

Tailwind CSS

User Authentication

Database - Cloud Firestore

Firebase Local Emulator Suite

Trigger Services Based on Events

Final Tasks

What's Next?

Install the Firebase CLI

Firebase command line interface (CLI)

Installing the Firebase CLI