Serverless app using NodeJS, React and AWS (API Gateway, Lambda, DynamoDB, S3) 

Awesome work! Thank you so much for this Vishal!

Hi Fang Thank you very much! I am glad that you liked the video:) I appreciate your support. Best Siamak

You are welcome! I am glad you liked the video 😊

Hi Karl, Nice job! That's awesome! I am glad the you enjoyed this tutorial:) Best Siamak

Hi Robin You are very welcome my friend! I am glad that you liked it. Best Siamak

Thank you!! I am glad that you liked the video :) Best Siamak

Hi Timothy, Thank you so much! I appreciate your comment. I am glad that it was helpful. Best Siamak

Hi Raj, You are very welcome! I am glad that you liked the video:) Best Siamak

Hi William, Thank you! You are very welcome:) I am glad that you liked the video Best Siamak

Hi George, You are very welcome! I am glad that you liked the video:) Best Siamak

@@CodeEngine are you going to do videos with more complicated routes to dynamodb ? And with http methods like post and updates as well? Its the hardest part

Hi George, Sure. I will add that to the list. Best Siamak

Hi Griffin, You are very welcome! I am glad that you liked it :) Best Siamak

You are very welcome! Glad that you liked the video. Best Siamak

@@CodeEngine yep Iike it but CORS error is killing me now. With amplify generated application I can't disable CORS :( I will figure out

Thank you very much! Glad you like the content:) Best Siamak

You are very welcome Vishal! I am so glad that you enjoyed this video :)

Hi Victor, You are very welcome! I am glad that you liked the video :) Keep moving forward ! Best Siamak

You are welcome! Thanks for watching! I will add that to the list for future videos. Best Siamak

I am glad that you liked it:) Best Siamak

Thanks! Glad you liked it.🙂 Best Siamak

@Code Engine Quick question, I'm thinking of integrating a C++ ML algorithm onto NodeJS in the future, or webassembly, and was wondering if I need to code NodeJS within the same directory as ReactJS by a script or code NodeJS inside AWS. blog.christianperone.com/2018/10/pytorch-1-0-tracing-jit-and-libtorch-c-api-to-integrate-pytorch-into-nodejs/

I Didn’t notice any NodeJS code from ur local machine. Only react. I saw NodeJs Coded onto a lambda function

I can think of two possible solutions: 1-You can run the front end and back end on a single machine for testing and deploy it using Docker and ECS or Kubernetes for production. That way you can build your own customized image with all the libraries you need. 2- Run the NodeJS code using Lambda on AWS or EC2 (if you need more control) and serve your app from S3. This means that you need to build an API to connect the front end to the back end I hope this helps Best Siamak

@@CodeEngine Very informative! I'll test each case out. Much appreciated :D

Hi Dinesh, Thanks for watching the video! Yeah I will have a separate video for all types of authentications. Stay tuned. Best Siamak

You are very welcome! I am glad that you liked it Best Siamak

You are very welcome! I am glad that it was helpful! Best Siamak

That is absolutely correct ! Thanks for mentioning that Vishal ! You can also use VPC endpoints for S3 access. Pre-signed URLs are also useful in this scenario. Best Siamak

You are very welcome! That is a good point. Will do my friend

@@CodeEngine Intro - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html App Overview - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html App Diagram - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html Dependencies - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html React - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS S3 - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS API Gateway - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS Lambda - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS API Gateway Con't - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS DynamoDB - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS Connect Lambda & DynamoDB Intro - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS Connect Lambda & DynamoDB Code - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS IAM Role - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS Lambda Test Success - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html AWS API Gateway Refresh - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html Connect Frontend with Serverless BackEnd - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html Wrap up - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Bro0uFVDrWY.html PS Thanks for the idea to use DynamoDB for session.

I added a comment above with timestamps.

Thanks Sean!

Hi Krishan, You are very welcome! I will add that to the list. Best Siamak

Thank you! I am glad that you liked it. Best Siamak

Thank you Luis! I appreciate it. I am glad that you liked it :) Best Siamak

Hi Victor You are very welcome! Thank you for your suggestion. I am glad that you liked the video :) CORS is a security system in web browsers and basically prevents unauthorized API call. For example if you are building API for PayPal you don't want people to make API calls to your server. By using CORS your server only accepts traffic coming from an authorized front-end (PayPal website or App). I hope this helps. You can read more at : developer.mozilla.org/en-US/docs/Web/HTTP/CORS Best Siamak

Hi Jake, Yes. You can use axios and after deployment your API is public and accessible unless you protect it with Lambda Authorizer, Resources Policy, or API Key. I hop this helps. Best Siamak

You are very welcome! Create separate lambda functions and route your requests to them. I hope this helps Best Siamak

@@CodeEngine Thanks again :) .Indeed it is quite help full. Just two more thing if you can clarify please. Currently i have one Backend file(Server.js) having (NodeJS/Express/CookieParser and few other). let say i have 10 different API calls,1) when creating function i can just select Backend runtime environment(Nodejs) with dropdown menu but how can i install other libraries(Express/cookieparser...)-any pointers please 2) i understand i have to create 10 different API Gateway at AWS, if i understand correctly it means one server.js file i have currently locally, we be divided into 10 (index.js) files as when i create each lamda(and have to install all libraries separately for each function)

You are welcome! Dependencies can be added to the layer section in your lambda page. From the left menu select layer and upload your library then goto your lambda and click on the layer and select the library you want to add. Your local environment is a normal development environment with all the required libraries on your local computer. Best Siamak

You are welcome Tuli ! Of course. I will add it to the list Best Siamak

@@CodeEngine Thank you so much 😊

You are welcome Keshav ! I am glad that you liked it. github.com/CodeEngineTechnology/Serverless_Invoice_App Best Siamak

@@CodeEngine thanks so much!!!

Hi Joseph You are very welcome! I am glad that you liked it. Yes you can serve your static website from S3 in conjunction with CloudFront (CDN) globally and scale to millions of users with low latency. For backend you can go serverless and let AWS handle the traffic or you can run a cluster for your docker containers so you can maintain high availability and reliability. I recommend running your backend on ECS or Kubernetes cluster. I hop this helps Best Siamak

Hi Chen, Yes of course! Best Siamak

Hey Roni, No this was an editing error. The commands are : AWS configure AWS S3 sync build/ S3://yor_appfolder Best Siamak

Hi Oludamilare, Thank you for your comment! I will add that to the list Best Siamak

Hi Hari, You are welcome! API Gateway endpoint is accessible from S3 or any other server including your local computer. You can use API keys to make it secure. Best Siamak

You mean do I need to create one API for S3 and give the bucket details?

Please watch the video where I explain all the details. API Gateway endpoint will be accessible from S3 Best Siamak

Thanks John! I appreciate your support! Sure. I will upload it today and send you a GitHub link in the comment section. Best Siamak

github.com/CodeEngineTechnology/Serverless_Invoice_App

Hi, It seems like you are returning the test data set. (You can find that in the test section of your lambda function). Check the return variables in your function and also use console.log(your-variable-name) to validate your function variables. Best Siamak

Hi Hari, DevOps engineers use CD pipelines for deployments. Create a repository for your app and then create a ECS cluster (you can follow my Docker video) or Beanstalk or EC2 environment using Terraform. At the end create a pipeline using Terraform that deploys to docker, EC2 or Beanstalk. (follow my CI/CD video). I hope this helps Best Siamak

Hello there, I understand that you might not receive the best programming training in your country but I have to say in general school/ University won't give you all you need for a real job or project. There is only one person that can help you become a good software engineer and that person is you. Watch online courses and practice every day. Thanks for watching! Good luck

@@CodeEngine thank you for replying

Hi Paul, Thank you for your comment! I am glad that you liked the video. Sorry about the editing error. The commands are : AWS configure AWS S3 sync build/ S3://yor_appfolder Best Siamak

@@CodeEngine Thanks for the reply. After watching and coding along to the end, I want to say that YOU ARE GREAT. More grease to your elbow.

You are very welcome! I appreciate your comment:) Best Siamak

Hi Tyrone, Great question! S3 is an object storage platform so you can't have block level operations on it (like running a database). You can migrate your backend app and database server to EC2 (rehost) or you can use s3 for your frontend and use only lambda (NodeJS) for your backend (serverless) and migrate your MongoDB to DynamoDB (rearchitect). If you need to have an EC2 (app server) you can use EC2 and Cloudfront to serve dynamic content. Cloudfront can send the static traffic to S3. If your app is popular consider dockerizing your app and serve it using ECS or Kubernetes. I hope this helps Best Siamak

Code Engine Do you think serverless is the future? Leaning towards going serverless (all my backend endpoints as lambda functions) because I think it fits my app, as the endpoints are not too complex and fit within Lambda’s limitations. If I do go serverless it feels like I am on a new wave of tech that hasn’t fully taken off yet, but might in the future!

100%. Serverless is the future. there are two reasons : 1- Cost saving 2-Administration Best Siamak

Hello, Did you install NodeJS ? You can download it from : nodejs.org/en/ I hope this helps Best Siamak

Hi Pauli, Did you deploy the changes? Thanks for watching the video! Best Siamak

Hey Komal, No. This tutorial is focused on serverless. Best Siamak

Hi, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Or simply upload the files to S3 through AWS console. Please let me know if you have any questions. Best Siamak

Hi, The S3 url (website) is publically accessible. All you need to do is call the correct url. Best Siamak

@@CodeEngine Hi, S3 bucket can host static websites only. But your app is dynamic. So the S3 URL can't show data from db. May I know any reason for using S3?

Hi Ricky, Thanks for watching the video:) Please double check your imports and paths. What command did you run? Best Siamak

@@CodeEngine I did end up finding the solution and I'm not sure why it wasn't mentioned or why it works but in the package.json file I was required to add "homepage": ".", Love your videos and thanks for having them

Great news! I am glad that you liked the video:)

Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

Hi Bhaswar, It seems like that you need to install AWS cli. aws.amazon.com/cli/ Best Siamak

@@CodeEngine thanks

You need to press the 'Deploy' button above the function code I believe.

Great! Thanks Holly ! Best Siamak

@@CodeEngine thank you!! I loved this project! github.com/hollyjrobertson/AWSReactServerless

You are very welcome! Thank you for the credit:) Best Siamak

@@CodeEngine do you have any recommended videos for learning Lambda / Node.js?

Hi Holly, Did you watch my OCR app video? That one uses NodeJS, Python and Lambda. Best Siamak

Please review the previous comments. I have posted the commands. The box will disappear after 1 min

@@CodeEngine Thank you for the speedy response! This is a great video! I think I am confused where I put the commands?

You are welcome. You just need to open your terminal and run those commands. You can follow the process in the video

Hi Daniel, Thanks for posting the commands. Yes , unfortunately that is an editing issue. Thanks for watching the video! Hope you liked it Best Siamak

@@CodeEngine Loved your tutorial, you have a new happy subscriber :)

Glad to hear that my friend! 🙏 Best Siamak

@@CodeEngine Just wondering what was the command you ran - thx

Hi Ramesh Please install AWS CLI the run this command in your terminal: AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder I hope this helps Best Siamak

Thanks for your comment. There are so many different ways available for deploying a website to AWS and it really depends on the project requirements, budget, availability, traffic pattern, and other requirements. I suggest that you start studying for your Solutions Architect - Associate certification. I hope this helps Best Siamak

@@CodeEngine okay thank you so much. It helped!

Hi Alak, You are very welcome my friend! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

@@CodeEngine , Is there a possibility to get video 56:54 till 1:02:30? Because those parts are hero contents of your video. For example: I did not see the user policy to use S3 bucket, lambda, API gateway. Then, after Run `AWS configure`, which AWS' access key and secret key, I should use. And finally `AWS S3 sync build/ S3://my_appfolder`, how do I connect my `my_appfolder`? is it the whole react app folder or just build folder.

Hey Alak, Unfortunately updating the video is not an option since this will require a complete update however I can walk you through all the steps. Your "build" folder is your app and we are trying to copy the content of that folder to your S3 bucket in this part of the video. let's say your S3 bucket name is "your_s3_bucket_name" After these steps you will see how I access the page but for now please follow these steps and watch the reset of the video: Step1- Create an IAM user Step2- Then click on the user and search for 4 AWS policies that you need to attach to this user : API Gateway, DynamoDB , Lambda and S3 Or you can give this user Administrator access but it is not recommended from security perspective. Step3- Then in the same page create a new access key and download it Step4-go to terminal on your computer and type this command : aws configure Step5-This command will ask you to key in your secret key and secret access key and region (This will give your computer the ability to push the code to the S3 bucket) Step6- Then while you are in the app folder in your computer, run the following command to upload the files to S3 : AWS S3 sync build/ S3://your_s3_bucket_name (We are just uploading the content of build folder to S3) Step7-Since you have one set of aws keys on your machine you don't need to use a profile. Remember that all these commands are just for uploading your build folder to S3. If you can't make this work, you can goto S3 bucket and click on upload and select all the files inside the build folder and upload them to the bucket. Please let me know how it goes. Best Siamak

@@CodeEngine Thanks mate. It works. Keep up the good work. Will you open a course in Udemy about AWS? I did not find any good courses over there about AWS. Beginner level like me needs a mentor like you.

You are very welcome! I have been thinking about. Thanks for bringing this to my attention. Best Siamak

Hi Mrunmayi, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

Hi Leonardo, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

@@CodeEngine AWS command not found. any idea?

You need to install AWS cli on your computer. You also have the option of uploading the files from AWS S3 console. I hope this helps. Best Siamak

Thank you William! I am glad that you enjoyed the video:) I will add authentication to the future videos. Best Siamak

@@CodeEngine awesome!

Hi Stephen, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

I found it in the documentation and was able to deploy. Thanks! I’m almost done with the video...

Great! You are very welcome!

@@stephenprosso Can you tell me from where you saw the documentation?

Thank you! Here is the link to repo github.com/CodeEngineTechnology Best Siamak

@@CodeEngine Thank you!! I really enjoyed this, great expiation!!

You are very welcome! I am glad that you liked it:) Best Siamak

Hello, It's difficult for me to troubleshoot the code without looking at it but I recommend that you add a few log messages to your code and validate the numbers. Best Siamak

@@CodeEngine Hi there, I have a problem with this one "2021-03-02T20:14:29.135Z c84d9dd7-2ac2-425b-a9ec-fed836c56809 Task timed out after 3.00 seconds"

@@CodeEngine I try to change the number $18000 to $9000 in my dynamoDB, but the table in front end not change. It is still the same $18000. It doesn't change to $9000. When I test the lambda function, it change from $18000 to $9000. How do you copy endpoint to .env file?

Did you update the state? You might be still reading the old value

@@CodeEngine Hi there, What is the state? Can you explain more about state, please? Thanks

Hi Mehdi jan, You are welcome! Thanks for watching the video! Looks like you need to install bootstrap for your project. Please go to terminal and run this command while you are in the project's folder : npm install react-bootstrap bootstrap This will fix the problem. Let me know how it goes. Best Siamak

@@CodeEngine , I installed the cmd , Great ! It works now ! Thank you so much again for your Prompt Reply, also My Application Feature doesn't looks Multie-colored Invoice table like yours ?! ( just black & White ) May I know How to do that ? Best Regards

Great! You are welcome! Did you install reactstrap? reactstrap.github.io/ Please compare your code with my repo to see if you can find the issue. github.com/CodeEngineTechnology/Serverless_Invoice_App/blob/master/App.js I hope this helps Best Siamak

@@CodeEngine Siamak jan, I did Install / compare everything but still the Application is B&W Color , and also when I click on each Button then Deletes the Row ?! Best-Mehdi

Hi Shadman, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

@@CodeEngine Can you please write the exact commands that you use, its not working for me.

These are the exact commands just update the folder name

@@CodeEngine It is giving me this error: usage: aws s3 sync or or Error: Invalid argument type I tried with the command $ aws s3 sync build/ S3://invoices

Hello, The goal is to upload the build files to your S3 bucket.do you see the build folder if you run ls ? Tha path doesn't look correct. you are targeting a folder called invoice in S3. Do you see that folder in your S3? If you couldn't figure out the S3 upload command simply upload your files from AWS console via web browser.

Hello, Yes you can get the source code from my GitHub repository github.com/CodeEngineTechnology Best Siamak

Thanks! That is fair:)

Thank you! I am glad that you liked it :) You can get the code form my GitHub repo : github.com/CodeEngineTechnology Best Siamak

@@CodeEngine apreciated!

You are very welcome!!

Hi Ashish, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

@@CodeEngine Really enjoyed your tutorial. Please post Node js video also or add link to the description. Thanks

You are very welcome Ashish! I am glad that you liked the video :) Best Siamak

Hi, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

You are welcome! You can also manually upload all of the files through S3 console. (Go to S3 and select upload). You don't have to use terminal commands.

You need to download and install AWS CLI from AWS website.

aws.amazon.com/cli/

Hi William, Please check out my GitHub repo: github.com/CodeEngineTechnology Best Siamak

@@CodeEngine Thanks. I got it. In the I was missing the :invoices at the end of the line.

You are welcome! Good job 👍 Best Siamak

The technologies in this video are still considered cutting edge.

Hello, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

@@CodeEngine Thank you for the very detailed tutorial ❤️

You are very welcome:) Glad you liked it ❤️ Best Siamak

Hi, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Or simply upload the files to S3 through AWS console. Please let me know if you have any questions. Best Siamak

@@CodeEngine I have one nodejs project basically used as microservice. I need to convert this entire nodejs project into AWS lambda with all dependencies. Can you please suggests steps to migrate from nodejs project to aws lambda?

NodeJS is a supported language in AWS lambda. So all you need to do is copying and pasting the code into lambda. For libraries you can use layers in lambda. Best Siamak

@@CodeEngine Do you have any video to import nodejs project into aws lambda with all dependencies? Please can you share?

Unfortunately I don't. AWS blog has an example that you can use.

Please see the other comments. I have provided guidance

Hi Matthew, Great job! thank you for sharing your repository and I appreciate the referral to the video. Best Siamak

Hi Phu, Thanks for watching the video! Sorry about that editing error. It will go away after a minute. Please follow the following instructions: (in terminal) AWS configure And finally upload your files to the bucket using: AWS S3 sync build/ S3://yor_appfolder Please let me know if you have any questions. Best Siamak

@@CodeEngine thank you ur so kind

Hi Amit, Thanks for watching the video! Sorry about the editing issue. The white overlay will disappear after a few seconds. Best Siamak

@@CodeEngine Thanks for the awesome tutorial.

You are very welcome Amit! I am glad that you liked it. Best Siamak