GithubHelp home page GithubHelp logo

amplify-workshop's Introduction

Getting Started: Intro to AWS Amplify: build a multi-tenant SaaS app

What is this?

This is the Intro to AWS Amplify: Build a multi-tenant SaaS app repository as part of the event organised by the Melbourne AWS Programming and Tools Meetup.

This repository contains instructions and assets to build your first AWS Amplify application with React and Node JS hosted on AWS. It is split up into 6 Parts, each containing instructions to get your first Amplify project published.

Part Description
Preparation This Branch (Current Page) provides an introduction and instructions on creating the required AWS environment.
App Setup This Section outlines the steps to setup out new Amplify application and host it in a repository.
Deployment Setup Now that we have our base application configured, we can setup our deployment pipelines
Application Development In this part, we start building out our applications functionality
Trigger Deployment Next we can go ahead and push our changes into our automated pipelines
Adding Search Finally, we can add some search functionality to our application and deploy our changes to production

What is AWS Amplify

AWS Amplify is an Open Source library under Apache 2.0 for developers looking to build cloud connected applications with JavaScript on web or mobile platforms. AWS Amplify is designed to give a declarative interface to client developers looking to perform common actions using cloud services in a scalable and secure manner.

https://aws-amplify.github.io/

The AWS Amplify library modules are broken down into categories (Auth, Analytics, Storage, APIs, Caching) to quickly add features such as User SignUp/SignIn, MFA, tracking or metric analytics, content management or Serverless API integration. The library also has internationalization and localization for multi-language support, as well as caching capabilities. Finally, there are components and extensions for React and React Native, allowing developers writing applications on those platforms to add these capabilities with framework specific standards. JavaScript developers can also use the library to build their own custom UI components, such as custom authentication flows. AWS Amplify is designed to be extended with different implementations among community and partner contributors.

Preparation:

Before we get started

in order to follow along with this workshop, you'll need to already have the following:

  • AWS Account We will be using AWS as our Cloud provider. sign-up here if you don't already have one
  • Github Account to download this repository into your Cloud9 instance.

for the purposes of this workshop, we will be deploying all of our resources in the us-east-1 region.

The first step once you've got your AWS account is to create a Cloud9 instance which will house the project and provide an IDE from which to work. More information on Cloud9 can be found at it's product page .

  1. Browse to the Cloud9 Management https://console.aws.amazon.com/cloud9/home/product Cloud9 Landing Page

  2. Create a new Cloud9 environment by clicking the "create environment" button available on the right hand side of the landing page.

  3. Give your environment a name and click "Next step". For this example i'm using "Amplify-Workshop". Cloud9 Name Environment

4.here we can configure your environment settings, but for this workshop we will can just click the "Next step". Cloud9 Configure Settings

  1. Review the environment details and click "Create environment". CLoud9 Environment Review

  2. Wait for the creation of your Cloud9 instance to complete. This can take a few minutes. Cloud9 Environment Creation

  3. Once you see your new Cloud9 IDE, your ready to move onto Part 1 of the workshop. Cloud9 Setup Complete

Conclusion

you should now have your AWS account with a Cloud9 instance running in the us-east-1 region. At this point in time, your ready to move onto Part 1 of the workshop where we will start to install and configure our new Note taking application.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.