How will AWS Amplify (AWS Cloud) be going to make the Front-End Developer's life easy?
Tags: aws, awsamplify, webdev, javascript
Published: 2020-11-21 20:00:24

**Front-End Developers** can implement application code but they have some limitations and dependency relevant to the many areas while they are just working on front-end development.

**AWS Amplify (AWS Cloud)** will make front-end developer's life easy as it allows the fastest, easiest way to develop mobile and web apps that scale on the AWS cloud.

**AWS Amplify** is a set of products and tools that enables mobile and front-end web developers to build and deploy secure, scalable full-stack applications, powered by AWS. With AWS Amplify, you can configure app backends in minutes, connect them to your app in just a few lines of code, and deploy static web apps in three steps. Get to market faster with AWS Amplify.

**AWS Amplify Benefits:**
* Configure AWS backends fast
* Easily connect to your app
* Deploy web apps in a few steps
* The fastest, easiest way to develop mobile and web apps that scale

**AWS Amplify Features:**

**Amplify Framework:**
**Amplify Libraries** - AWS Amplify offers use case-centric open source libraries in the Amplify Framework to build cloud-powered mobile and web apps. Amplify libraries are powered by AWS services and can be used with new backends created with the Amplify CLI or your existing AWS backend.
* Authentication
* DataStore
* Analytics
* API
* Interactions
* Predictions
* PubSub
* Push notifications
* Storage
* More...

**Amplify UI components** - Amplify UI Components is an open-source UI toolkit that encapsulates cloud-connected workflows inside of cross-framework UI components. AWS Amplify provides drop-in UI components with a style guide for your apps that automatically integrate with your configured cloud services.
* Authentication
* Storage
* Interactions
* More...

**Amplify CLI** - The Amplify Command Line Interface (CLI) is a toolchain to create and maintain serverless backends on AWS. Configure cloud functionality by following a simple, interactive workflow for specifying app capabilities, including the data model and auth requirements.
* Backend configuration
* Static hosting
* API definition

**Static Web Hosting:** - AWS Amplify Console provides a CICD workflow for building and deploying full-stack serverless web applications through the AWS console. A full-stack serverless app consists of a backend built with cloud resources such as GraphQL or REST APIs, file and data storage, and a frontend built with single page application frameworks such as React, Angular, Vue, more.
* Feature branch deployments
* Globally available
* Custom domain setup
* Instant+Atomic deployments
* Continuous workflows
* Password protection

**Amplify Framework works with many platforms or front-end framework:**
**Web:**
* JavaScript
* React
* Angular
* Vue
* Next.js

**Mobile:**
* Android
* IOS
* React Native
* Ionic
* Flutter

**How AWS Amplify works:**

Develop App
![Develop App](https://dev-to-uploads.s3.amazonaws.com/i/dcb0hv6hv6qz3fmo5h1o.png)
		
Host Web App
![Host Web App](https://dev-to-uploads.s3.amazonaws.com/i/bujpfimosguolwl6o2un.png)

![AWS Amplify Console](https://dev-to-uploads.s3.amazonaws.com/i/dumy2hsxkmj4w88i6hsp.png)

**Just a few AWS Amplify CLI command like the below make front-end developer life easy and give them the power to manage end-to-end application development & deployment that scale on AWS cloud:**

* Sign up for an AWS account
https://portal.aws.amazon.com/billing/signup#/start

* Install and configure the Amplify CLI
npm install -g @aws-amplify/cli
amplify configure

* Create a new React App
npm create-react-app react-amplified 
cd react-amplified
npm start

* Initialize a new backend
amplify init

* Add and Deploy API
amplify add api
amplify push

* Add Authentication / Storage / More
amplify add auth
amplify add storage
amplify push

* Deploy and Host app
amplify add hosting
amplify publish

To get started with **AWS Amplify** visit: https://docs.amplify.aws/start