Skip to content

ServerlessReact.dev

Student Login
  • Welcome to the workshop
Before the workshop
The workshop
Before you head out

Homework setup

There's a couple things I'd like you to set up before the workshop. Experience has shown setting this up during the workshop distracts from the exercises.

  1. Create a Netlify account go to netlify.com and follow their signup instructions. You shouldn't need to pay.

    1. Install netlify cli Netlify's CLI tool is great. Install it with npm i -g netlify-cli or yarn global add netlify-cli
  2. Create a Vercel account go to vercel.com and follow their signup instructions. You shouldn't need to pay.

    1. Install vercel cli Vercel has a fantastic CLI tool. Install it with npm i -g vercel or yarn global add vercel
  3. Create an AWS account go to aws.amazon.com and create an account. They ask for a credit card and we'll keep everything within the free tier.

  4. Configure Serverless Framework we'll use the opensource serverless framework to play with AWS Lambda. It's a great alternative to AWS's CloudFormation templates, I'll explain why.

    1. Create an Admin IAM user

    2. Login to your AWS account and go to the Identity & Access Management (IAM) page.

    3. Click on Users and then Add user. Enter a name in the first field to remind you this User is related to the Serverless Framework, like serverless-admin. Enable Programmatic access by clicking the checkbox. Click Next to go through to the Permissions page. Click on Attach existing policies directly. Search for and select AdministratorAccess then click Next: Review. Check to make sure everything looks good and click Create user.

    4. View and copy the API Key & Secret to a temporary place. You'll need it in the next step.

    5. Install serverless cli with npm i -g serverless or yarn global add serverless

    6. Configure serverless cli run this command with your keys from previous step

    serverless config credentials --provider aws --key YOUR_KEY --secret YOUR_SECRET

Other housekeeping

After you've created your accounts and configured the CLI tools, make sure your computer can do the following:

  1. JavaScript development. Make sure you can run create-react-app something. If that works, your computer has all pre-requisites installed.

  2. Git. Just in case you don't have it yet, make sure your computer works with git. We've had folks switch from macos to windows just before the workshop before and then nothing worked. No fun.

I'm going to be using a Mac and giving instrutions using the terminal. As long as you can follow NPM install and Git instructions, stick with the tools you're used to.

Did you enjoy this chapter?

Previous:
Intro videos
Next:
Your first cloud function
Created bySwizecwith ❤️