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 SDK

At some point, a web application's frontend needs to communicate with backend
services. In this course, we will take advantage of [Firebase](https://firebase.google.com/), and in particular, its authentication feature and its NoSQL cloud database [Firestore](https://firebase.google.com/docs/firestore).

Firebase promises the following on their website:
* Firebase helps mobile and web app teams succeed.
* It build apps fast, without managing infrastructure.

The second statement matches especially well with the cloud native definition from
[earlier lessons](https://www.educative.io/courses/cloud-native-development/how-this-course-will-help-you#a-fantastic-way-to-develop-cloud-native-web-application) in this course. On the frontend side, the Firebase SDK allows us to deal with authentication, real-time database updates, and push notifications for our web
application.

# Alternatives
Let's explore the alternatives to Firebase SDK.
## Supabase

"The open-source Firebase alternative. [Supabase](https://supabase.io/) adds real-time and restful APIs to Postgres without a single line of code."

## Parse

"[Parse](https://parseplatform.org/) helps users in building applications faster with object and file storage, user authentication, push notifications, dashboard, and more out of the box."

## Userbase

"[Userbase](https://userbase.com/) is the easiest way to add user accounts and data persistence to your
static site. All Userbase features are accessible through a very simple JavaScript
SDK, directly from the browser. No backend necessary."

# Why use Firebase?

Firebase takes care of things we do not want to worry about ourselves, at least not
until a project is large enough to start worrying about things like security, offline support, real-time syncing, global scale, etc.


Get a brief introduction of how your web application's frontend communicates with backend services using Firebase SDK.

Introduction to Firebase SDK

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?

Introduction to Firebase SDK

Firebase SDK