Serverless Web Applications with AWS Amplify: Build Full-Stack Serverless Applications Using Amazon Web Services

Table of Contents
About the Authors
Acknowledgments
Introduction
Chapter 1: Introduction to Serverless
	A Little Background
	Rise of Cloud Computing
		Key Advantages of Cloud Environments
	The Emergence of Serverless Computing: A Game-Changer for Cloud Development
		Backend As a Service (BaaS)
		Function As a Service/Serverless Computing
		Benefits and Weaknesses of a Serverless Architecture
		Benefits of Serverless Architecture
			Scalability
			Less Code
			Better Velocity
			Fail Fast
			Improved Reliability
			Cost
			Security and Stability
		Weaknesses of Serverless
			The Cold Start
			VPC/Network Issues
			Application Size
			Debugging
			Vendor Lock-In
	AWS Amplify Introduction
	Local Setup
		Setting Up AWS Amplify CLI
			Configuring Amplify CLI with AWS
			Adding a New IAM Management Console
	Summary
Chapter 2: UI Component and Authentication
	Authentication Basics
		What Is Authentication?
		How Can Users Prove Credibility?
	What Is Authorization?
		Broken Authentication
		Types of Authentication
		Why MFA Is Important
		Types of MFA
		JSON Web Tokens
		JWT Authentication Flow
		JWT Structure
	Setting Up Authentication Using AWS Amplify
		Creating Our React App
		Configuring the Backend for Our React Application
	Setting Up Authentication
		Creating an Auth Service
		Amplify UI React Components
			What If aws-exports Is Not Found?
		Integrating Auth with React App
			Login and Registration UI Components
			Logout UI
		Logging In and Logging Out
			Getting Logged-In User Information
	OAuth Social Login
		What Is OAuth?
			Updating Amplify Auth Service
			Adding the Redirect URIs
		Setting Up React App
	Summary
Chapter 3: CRUD and REST APIs – Pillars of Efficient Data Exchange
	API Overview
		Why Do We Need an API?
		API Design
		Types of APIs
		API Specifications and Protocols
	Introduction to Lambda
		Lambda Functions – The Serverless Functions
		Lambda Functions
		Use Cases of Lambda Functions
		Cons of Using Lambda Functions
		How Lambda Function Works
		What Is the Lambda Layer?
			Why Lambda Layers Are Useful
	Working with REST APIs
		Saving the File
		PUT API to Update Items
		Using the Delete API to Delete an Item by ID
	Summary
Chapter 4: Integrating REST APIs with a Frontend React App
	Creating a Basic React ToDo App
		Adding a New Item
	Enhancing the User Experience
		Enhancement 1
		Enhancement 2
	Do It Yourself (DIY): Deleting and Updating
		GraphQL API
		Custom Resolver
		Modifying the Lambda Handler
		Testing the API
		Creating New Item – Mutation Query
		Testing the Mutation
		Updating the Item by ID – Mutation Query
			Deleting the Item – Mutation Query
	Integrating GraphQL API in React
		Integrating GraphQL Mutation API
	Do It Yourself (DIY): Modifying the React App
		Subscription API
	Integrating Subscription API with React
	Why APIs Throw 401 Error
	Summary
Chapter 5: Offline-First App
	Benefits of the Client-Server Model
	Use Cases of Offline Apps
	The Offline App – Design Overview
		Goal
	Add Offline Features in React.js
		Assumption
		The Page Render Function
		Real-Time Online HTTP Client
		Offline HTTP Client
			Handling Errors in Real-Time API Clients with Offline Clients
	Rendering the Offline and Online Items in the List
	Testing Offline Feature
	Testing the Online Syncing Feature
	Things to Consider While Creating Offline Apps
	Summary
Chapter 6: Data Storage
	Introduction
	Types of Data to Store
	Cloud Storage As a Service
	Database Provision and Integration
		Provisioning Database
		Integrating the Database with APIs
		Assigning IDs to New Items
		Modifying the Create Todo Item Function
		Modifying the Get All Items API
		Do It Yourself (DIY)
	File Storage – S3 Bucket
		Goal
		Approach
			The Need for Two S3 Buckets
		Provision S3 Bucket
		Verifying the Resources on Amazon Console
			Testing the Triggers
		The Lambda Function
			Resizing the Image to Create a Small Thumbnail
			Lambda Function to Create Small Thumbnails
			Deploying the Function
		Testing the Thumbnail Creation by Lambda Trigger
		Checking the Lambda Function Logs
	Summary
Untitled
Untitled
Chapter 7: Analytics
	A High-Level View of Analytics
	Analytics Fundamentals
	Terminologies
	Setting Up Amplify Analytics Backend
	Recording Events and Actions
		Recording Events from our React App
		Recording Button Clicks on the Sign-In Page
		Why Is There a Delay in API Calls After We Click the Button to Record?
		Tracking Page Views
		Automatic Tracking
		Events Dashboard on AWS Console
		Limitations of AWS Pinpoint Service
	Introduction to Kinesis
		Streaming Analytics Data
	Setting Up Kinesis Backend
		Delivery Stream
		Writing the Data into the File
		Streaming the Analytics Data from React App
			Recording Event to Kinesis Streams
			Kinesis Data Stream Dashboard
			Kinesis Data Delivery Dashboard
			Data in the S3 Bucket
	Summary
Chapter 8: Continuous Integration and Continuous Delivery/Continuous Deployment
	The Goal of This Chapter
	Defining CI/CD
	Difference Between CI and CD
		Continuous Integration
		Continuous Delivery
		Continuous Deployment
	The Objective of the CI/CD Pipeline
	Pipeline As Code
		Benefits of Pipeline As Code
		Repository and Environments
	Hosting the Application for Development Environment
		Creating a New Environment and Hosting It
			Creating a Production Environment in Amplify Backend
		Password Protecting the Nonproduction Environment
	Summary
Chapter 9: Amplify Supplements
	Building Interactive Bots with AWS Lex Service
		Important Terminologies
		Test the Chatbot
	Boost Your Application with AI/ML Capability
		What Is Artificial Intelligence?
		What Is Machine Learning?
			Text to Speech with Amplify
	Amplify Beyond React Web Apps
		AWS Amplify Studio
	Summary
Index