Setting up Severless Framework from Scratch

freeCodeCamp.org · Beginner ·🏗️ Systems Design & Architecture ·7y ago

Key Takeaways

Sets up Serverless Framework from scratch, including configuring a computer, installing Node, and setting up AWS credentials

Full Transcript

hello world in today's video i want to do a very basic video on how to set up your computer to get started with serverless framework so what i'm going to do in this video is first i'm going to show you which formula i'm using then i will be installing some packages that you need in order to install serverless and also i will install atom that is my default text editor this is one of the videos that you will want to watch if you are starting with summerless also if you want to get started and you don't know how to configure your aws account and how to create it go and check the link i'll leave you in the card and also in the description box below these two videos together we left your environment ready to get started you will have a working serverless framework and working aws account so now let's go to the computer screen and let's get this rolling so now i'm in the computer and the first thing i want to do is to install the terminal i like to use because in mac i don't like the mac terminal so we'll install this item too and for that i'm going to the web page where item is and i'm gonna just download it and then i run the installation process as any other mac package if you want to see how i configure my item because i don't use the default configuration let me know and i can make a video about that is pretty simple now when my ad term is config it's downloaded and installed i'm going in download atom because atom is a cool text editor that i like to use i will download it and when it's ready i will also install it and get it ready after atom and the terminal are installed then i will go and install homebrew that is a package manager for mac and with that i will install node so i just follow the instructions in the web page and i continue everything that it says there and it installs homebrew and with that i can then install different packages that are needed in order to install serverless or any other development environment so i like to use homebrew you can also get node from other places but this is the way i like it so after the homebrew finish updating and getting configured then i will install node using it it takes a while so i will speed this up for you because it doesn't make sense for you to watch the whole installation of my different packages that homebrew needs after it's done then we can go and install node we just type brew install node and as easy as that node comes and it's installed brew works for a lot of different libraries that you might need so you will enjoy using it for for other things as well and this will download the latest version of node into my computer after it's done then we are ready to install serverless serverless is a node library so we're going to install it as a global package in our computer so we just do npm install minus g serverless and we download serverless package in our computer as a global nori that we can use from anywhere when that's done then we are going to configure our credentials our aws credentials in the serverless package that we just downloaded and for that you need to have an aws account if you don't have one and you don't know how to do it just follow the instructions that i leave in the card or in the comment box below so we follow the instructions that are in the in the serverless page that is to set up your provider credentials and for that there is a lot of information that you can follow or we just can do one magic line and leave you all these links in the description box so you can find them but it's as simple as that that is the line that we want to use to configure our credentials or less config credentials than the provider and the secret to find the credentials you need to go to your aws account that you created go to i am and then go to your user security credentials and you can create a new access key so you follow the video that i recommended in the card you may have already the csv file downloaded so you can just open that and you don't need to do this step when you open that file you will see that there is a an api key and a secret so you just need to put that in the line and in this case i will just do serverlessconfig credentials providers and that's all then if you open your file the aws credentials then you will see that the credential is configured there then we can verify that everything is configured properly so we just can create a new serverless project and we just do that sls create as always template aws node.js and then the name of the project and it will be my first sls project and we can just open that in atom and we are going to configure an api gateway so we can test this so i will put an api gateway here this is not a video about how to make serverless projects but i was just to show you that you can just deploy this after to verify that everything is properly configured so i'm just making a very simple api gateway and then we can deploy if everything deploy then everything is properly configured and we can go to our aws account and check that we have the lambda and we have the api gateway and we can also run that url that api gateway is giving us to make sure that there is something really in return so i will speed up the deployment and we will go just to the end when we get the service information we just copy paste that url and we see that there is something coming back if you want to remove the service we just do sls remove and it will remove everything from the aws account so our aws account will be clean you don't need to do this this is just because i want to show you how to clean your environment after running some tests this was the video for today i hope you like it if you did give a big thumbs up

Original Description

This is one of the first videos that you want to watch when getting started with Serverless Framework. You will learn how to configure your computer to get started with it, how to install Node, and also how to set up your AWS credentials. 🔗Iterm2: https://www.iterm2.com/ 🔗Atom: https://atom.io/ 🔗Homebrew: https://brew.sh/ 🔗Documentation of Serverless Framework to configure AWS credentails: https://serverless.com/framework/docs/providers/aws/guide/quick-start/ 🔗How to create an AWS account: https://www.youtube.com/watch?v=WMT6-pnOD8Q 🔗Serverless 101 series: https://www.youtube.com/playlist?list=PLWKjhJtqVAbkXQS12WiLsH1oaNZBSoWuV 🔗Marcia's channel: https://www.youtube.com/channel/UCSLIvjWJwLRQze9Pn4cectQ 🔗Marcia's website: http://marciavillalba.com -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com ❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from freeCodeCamp.org · freeCodeCamp.org · 0 of 60

← Previous Next →
1 React: Production Server Setup Part 2 - Live Coding with Jesse
React: Production Server Setup Part 2 - Live Coding with Jesse
freeCodeCamp.org
2 cookies vs localStorage vs sessionStorage - Beau teaches JavaScript
cookies vs localStorage vs sessionStorage - Beau teaches JavaScript
freeCodeCamp.org
3 Browser history tutorial - Beau teaches JavaScript
Browser history tutorial - Beau teaches JavaScript
freeCodeCamp.org
4 Graph Data Structure Intro (inc. adjacency list, adjacency matrix, incidence matrix)
Graph Data Structure Intro (inc. adjacency list, adjacency matrix, incidence matrix)
freeCodeCamp.org
5 React: Parameterized Routing with Next.js - Live Coding with Jesse
React: Parameterized Routing with Next.js - Live Coding with Jesse
freeCodeCamp.org
6 React: Dealing with jQuery Issues - Live Coding with Jesse
React: Dealing with jQuery Issues - Live Coding with Jesse
freeCodeCamp.org
7 setInterval and setTimeout: timing events - Beau teaches JavaScript
setInterval and setTimeout: timing events - Beau teaches JavaScript
freeCodeCamp.org
8 Browser and Device Testing - Live Coding with Jesse
Browser and Device Testing - Live Coding with Jesse
freeCodeCamp.org
9 Last Minute Updates - Live Coding with Jesse
Last Minute Updates - Live Coding with Jesse
freeCodeCamp.org
10 Post Launch Updates - Live Coding with Jesse
Post Launch Updates - Live Coding with Jesse
freeCodeCamp.org
11 React: Setting Up Google Analytics - Live Coding with Jesse
React: Setting Up Google Analytics - Live Coding with Jesse
freeCodeCamp.org
12 React: Masonry Layout - Live Coding with Jesse
React: Masonry Layout - Live Coding with Jesse
freeCodeCamp.org
13 Load Balancing Digital Ocean Droplets - Live Coding with Jesse
Load Balancing Digital Ocean Droplets - Live Coding with Jesse
freeCodeCamp.org
14 try, catch, finally, throw - error handling in JavaScript
try, catch, finally, throw - error handling in JavaScript
freeCodeCamp.org
15 Load Balancing: SSL Passthrough Setup - Live Coding with Jesse
Load Balancing: SSL Passthrough Setup - Live Coding with Jesse
freeCodeCamp.org
16 Graphs: breadth-first search - Beau teaches JavaScript
Graphs: breadth-first search - Beau teaches JavaScript
freeCodeCamp.org
17 React: Masonry Layout Part 2 - Live Coding with Jesse
React: Masonry Layout Part 2 - Live Coding with Jesse
freeCodeCamp.org
18 React: WordPress API Live Search - Live Coding with Jesse
React: WordPress API Live Search - Live Coding with Jesse
freeCodeCamp.org
19 Creating WordPress Custom Post Types - Live Coding With Jesse
Creating WordPress Custom Post Types - Live Coding With Jesse
freeCodeCamp.org
20 Dates - Beau teaches JavaScript
Dates - Beau teaches JavaScript
freeCodeCamp.org
21 Miscellaneous Front End Updates - Live Coding with Jesse
Miscellaneous Front End Updates - Live Coding with Jesse
freeCodeCamp.org
22 Merging a Pull Request from GitHub - Live Coding with Jesse
Merging a Pull Request from GitHub - Live Coding with Jesse
freeCodeCamp.org
23 React + Prettier + Standard JS - Live Coding with Jesse
React + Prettier + Standard JS - Live Coding with Jesse
freeCodeCamp.org
24 React: Sortable Responsive Table - Live Coding with Jesse
React: Sortable Responsive Table - Live Coding with Jesse
freeCodeCamp.org
25 Geolocation Sorting by Distance - Live Coding with Jesse
Geolocation Sorting by Distance - Live Coding with Jesse
freeCodeCamp.org
26 Tradeoff Matrix - Agile Software Development
Tradeoff Matrix - Agile Software Development
freeCodeCamp.org
27 The Definition of Ready - Agile Software Development
The Definition of Ready - Agile Software Development
freeCodeCamp.org
28 Getting first React job without experience - Ask Preethi
Getting first React job without experience - Ask Preethi
freeCodeCamp.org
29 React: Google Analytics Click Tracking - Live Coding with Jesse
React: Google Analytics Click Tracking - Live Coding with Jesse
freeCodeCamp.org
30 Submitting a PR to an Open Source Project - Live Coding with Jesse
Submitting a PR to an Open Source Project - Live Coding with Jesse
freeCodeCamp.org
31 Should I go back to school to get CS degree? - Ask Preethi
Should I go back to school to get CS degree? - Ask Preethi
freeCodeCamp.org
32 Hero Section CSS Changes - Live Coding with Jesse
Hero Section CSS Changes - Live Coding with Jesse
freeCodeCamp.org
33 Working Agreement - Agile Software Development
Working Agreement - Agile Software Development
freeCodeCamp.org
34 A day at Pennybox with Co-Founder Reji Eapen
A day at Pennybox with Co-Founder Reji Eapen
freeCodeCamp.org
35 React: Sorting and Filtering Data - Live Coding with Jesse
React: Sorting and Filtering Data - Live Coding with Jesse
freeCodeCamp.org
36 React: Sorting and Filtering Data Part 2 - Live Coding with Jesse
React: Sorting and Filtering Data Part 2 - Live Coding with Jesse
freeCodeCamp.org
37 React: Building a New UI - Live Coding with Jesse
React: Building a New UI - Live Coding with Jesse
freeCodeCamp.org
38 Definition of Done - Agile Software Development
Definition of Done - Agile Software Development
freeCodeCamp.org
39 Getting started with jQuery (tutorial) - Beau teaches JavaScript
Getting started with jQuery (tutorial) - Beau teaches JavaScript
freeCodeCamp.org
40 Making a React Blog with WordPress Content - Live Coding with Jesse
Making a React Blog with WordPress Content - Live Coding with Jesse
freeCodeCamp.org
41 React, NextJS, CSS - Live Coding with Jesse
React, NextJS, CSS - Live Coding with Jesse
freeCodeCamp.org
42 jQuery events - Beau teaches JavaScript
jQuery events - Beau teaches JavaScript
freeCodeCamp.org
43 React/NextJS Routing and WordPress API Custom Types - Live Coding with Jesse
React/NextJS Routing and WordPress API Custom Types - Live Coding with Jesse
freeCodeCamp.org
44 React: Working with API Data - Live Coding with Jesse
React: Working with API Data - Live Coding with Jesse
freeCodeCamp.org
45 React: Refactoring Components - Live Streaming with Jesse
React: Refactoring Components - Live Streaming with Jesse
freeCodeCamp.org
46 jQuery effects - Beau teaches JavaScript
jQuery effects - Beau teaches JavaScript
freeCodeCamp.org
47 More React Refactoring - Live Coding with Jesse
More React Refactoring - Live Coding with Jesse
freeCodeCamp.org
48 animate in jQuery - Beau teaches JavaScript
animate in jQuery - Beau teaches JavaScript
freeCodeCamp.org
49 "Finishing" My React Site - Live Coding with Jesse
"Finishing" My React Site - Live Coding with Jesse
freeCodeCamp.org
50 Starting a New React Project (P2D1) - Live Coding with Jesse
Starting a New React Project (P2D1) - Live Coding with Jesse
freeCodeCamp.org
51 React Project 2 Day 2: Learning Material UI - Live Coding with Jesse
React Project 2 Day 2: Learning Material UI - Live Coding with Jesse
freeCodeCamp.org
52 The Agile Manifesto - Agile Software Development
The Agile Manifesto - Agile Software Development
freeCodeCamp.org
53 jQuery: get and set with http, text, val, and attr - Beau teaches JavaScript
jQuery: get and set with http, text, val, and attr - Beau teaches JavaScript
freeCodeCamp.org
54 React Project 2 Day 3 - Live Coding with Jesse
React Project 2 Day 3 - Live Coding with Jesse
freeCodeCamp.org
55 The INVEST approach to product backlog items
The INVEST approach to product backlog items
freeCodeCamp.org
56 React Project 2 Day 4 - Live Coding with Jesse
React Project 2 Day 4 - Live Coding with Jesse
freeCodeCamp.org
57 Chickens and Pigs - Agile Software Development
Chickens and Pigs - Agile Software Development
freeCodeCamp.org
58 React Project 2 Day 5 - Live Coding with Jesse
React Project 2 Day 5 - Live Coding with Jesse
freeCodeCamp.org
59 jQuery: add and remove DOM elements - Beau teaches JavaScript
jQuery: add and remove DOM elements - Beau teaches JavaScript
freeCodeCamp.org
60 React Project 2 Day 6 - Live Coding with Jesse
React Project 2 Day 6 - Live Coding with Jesse
freeCodeCamp.org

Related Reads

Up next
How to Forward Device Data Via HTTP/MQTT/Modbus/BACnet in EG71
Milesight IoT
Watch →