Migrate guide to SST (#569)

* Working on draft for move to SST

* Working on the backend chapters

* Editing sst versions

* Reorganizing chapters

* Updating screenshots

* Reorganizing chapters

* Editing

* Editing the Serverless Framework section

* Editing extra credit chapters

* Updating ToC in lander

* Adding comment links

README.md

@@ -14,7 +14,7 @@
 
 The [Serverless Stack Guide](https://serverless-stack.com/#guide) is a comprehensive open source tutorial for building and deploying full-stack apps using Serverless and React on AWS.
 
-We are going to create a [note taking app](https://demo2.serverless-stack.com) from scratch using React.js, AWS Lambda, API Gateway, DynamoDB, and Cognito.
+We are going to create a [note taking app](https://demo.serverless-stack.com) from scratch using React.js, AWS Lambda, API Gateway, DynamoDB, and Cognito.
 
 ![Demo App](assets/completed-app-desktop.png)
 

_chapters/add-a-billing-api.md

@@ -91,6 +91,7 @@ Let's add a reference to our new API and Lambda function.
     events:
       - http:
           path: billing
+          cors: true
           method: post
           authorizer: aws_iam
 ```

_chapters/add-a-create-note-api.md

@@ -38,16 +38,24 @@ export async function main(event, context) {
     },
   };
 
+  // Set response headers to enable CORS (Cross-Origin Resource Sharing)
+  const headers = {
+    "Access-Control-Allow-Origin": "*",
+    "Access-Control-Allow-Credentials": true
+  };
+
   try {
     await dynamoDb.put(params).promise();
 
     return {
       statusCode: 200,
+      headers: headers,
       body: JSON.stringify(params.Item),
     };
   } catch (e) {
     return {
       statusCode: 500,
+      headers: headers,
       body: JSON.stringify({ error: e.message }),
     };
   }
@@ -117,6 +125,7 @@ functions:
     events:
       - http:
           path: notes
+          cors: true
           method: post
 ```
 
@@ -256,6 +265,10 @@ export default function handler(lambda) {
     return {
       statusCode,
       body: JSON.stringify(body),
+      headers: {
+        "Access-Control-Allow-Origin": "*",
+        "Access-Control-Allow-Credentials": true,
+      },
     };
   };
 }

_chapters/add-a-delete-note-api.md

@@ -49,6 +49,7 @@ This makes a DynamoDB `delete` call with the `userId` & `noteId` key to delete t
     events:
       - http:
           path: notes/{id}
+          cors: true
           method: delete
 ```
 
@@ -83,4 +84,4 @@ And the response should look similar to this.
 }
 ```
 
-Now that our APIs are complete; we are almost ready to deploy them.
+Now that our APIs are complete, let's deploy them next!

_chapters/add-a-get-note-api.md

@@ -53,6 +53,7 @@ This follows exactly the same structure as our previous `create.js` function. Th
     events:
       - http:
           path: notes/{id}
+          cors: true
           method: get
 ```
 

_chapters/add-a-list-all-the-notes-api.md

@@ -54,6 +54,7 @@ This is pretty much the same as our `get.js` except we use a condition to only r
     events:
       - http:
           path: notes
+          cors: true
           method: get
 ```