What is AWS CDK and how to build a platform with it

Explaining more in details what Constructs are and which different kinds of those existing.

Here we are starting our API Gateway example which will be used through the entire tutorial.

Get a basic understanding of the aws-cdk-staging-pipeline.

Here I give an overview about the frontend and backend of the Todolist and present the staging pipeline

Here I will explain why you should use Projen and how you can setup Projen and AWS CDK for building amazing AWS CDK stacks

Here we will fork from my Todolist AWS CDK repos. After that I will show you how to create an GitHub access token and how to store it in AWS Secret Manager. We will need that later for the pipeline so that it acts as a webhook for new commits.

For letting AWS CDK creating and managing our AWS resources accross staging accounts

Setting up a new AWS CDK App with Projen.

Here we will setup the backend with AWS CDK.

Here we extend the AWS CDK Stack to be a stage.

Here we are setting up the staging pipeline for the backend stack.

Here we setup the frontend AWS CDK App with Projen.

In this section we use Projen to setup a React TS App.

Here we setup a little Projen script for starting the React TS App locally.

Here we defining a script for automatically fetching backend details like the AppSync URL

The GraphQL Code Generator generates TypeScript Code out of an GraphQL

Schema file.

We setting up the login screen for the Todolist.

Here we define the Navbar for the React TS App.

Here we define the Router for the React TS App.

Here we setup the Todolist component.

Here we are extending the AWS CDK Stack to be a Stage.

Here we setup the frontend pipeline for deploying the React TS App to a dev and afterwards to a prod stage.

Here we setup integration tests for the frontend and backend which run after the deployment to AWS.

In this section I want to give thanks.