Build a Serverless website on AWS

Serverless helps developers to launch the products faster, paves the way for ideal business implementation and reduces the infrastructure costs at the same time. Basically serverless is cloud computing model which allows the users to write and deploy code without worrying about the backend process. Here the backend process is taken care of by the Cloud provider.

In this cloud computing project, we will try to develop a website by using a serverless architecture. You will use AWS services like AWS DynamoDB, AWS Lambda, AWS API Gateway, AWS S3 and AWS Cloud Front to develop this serverless website.

Looking to build project on Serverless on AWS?:

Skyfi Labs gives you the easiest way to learn and build this project.

1. Serverless on AWS Kit will be shipped to you (anywhere in the world!)
2. Use high quality videos to understand concepts and build the project
3. Get 1 to 1 expert assistance from Skyfi Labs engineers while doing the project
4. Earn a smart certificate on finishing the project

You can start for free and pay only if you like it!

Start for free

Advantages of serverless

• Allows you to invest time on business development rather than spending time to build the infrastructure.
• Easily scalable
• Pay-as-you-go pricing - Developers are charged based on the usage of resources.
• Serverless environment provides functionalities like file storage (AWS S3), databases (AWS DynamoDB), user management (AWS Cognito) and API.

Following are the major applications for serverless: APIs for mobile and web applications, Internet of Things applications, stream and batch processing, cloud automation, etc.

Steps followed:

• Creating a static website
• Setting up the API
• Setting up the Backend code
• Setting up the database

Start by creating an S3 bucket which holds the front end code for your website. After creating a bucket upload the static site content into the bucket. Refer the following link to learn how to host static website on AWS.

Make the bucket public by clicking on Permissions>Bucket policy and paste the following:

Don’t forget to change the bucket name in the code. Click Save.

Now click properties and select the card “Static website hosting” and check “Use this bucket to host a website” input the index.html then click save.

You can check your static website by clicking on the endpoint link. Set up an instance of the Amazon Cognito, which enables us to register and login securely.

Now go to Amazon cognito and click manage user pools. Click create a user pool and give a name and click on Review defaults. Here you can review the defaults and click create. Note down the pool ID and endpoint. Create an app client and save the client ID for future use. Using the client ID you can get benefitted from various Cognito APIs like login and register.

Head on to DynamoDB and create a table. Give a table and choose a primary key as per your wish. In the Items tab, you can create and modify the tables. Now we have a database.

Now we need to create a role to access the database to read and write using Identity and Access Management

Go to IAM and create a role then click on Lambda then next. In the filter policies tab type lambda and select “AWSLambdaBasicExecutionRole” Click next and provide a name and click create role.

Now attach a policy to our database by clicking on add inline policy. Under visual editor tab choose the service as DynamoDB. For actions select all DynamicsDB actions.

Click Resources and select specific option and select Add ARN under table. Now paste the ARN number of your database and click add. Click Review policy and give a name to your policy and click create. Once the role is created we are ready to create the lambda function. 

For that go to AWS lambda click create function. Select “Author from scratch” and choose the Runtime as Node.js and the role.

Now you can see, it has access to the Amazon CloudWatch Logs and Amazon DynamoDB database.

Now create an API Gateway for each function. API Gateway which connects all the services together. Give a name to the API and choose the endpoint as edge optimized and click on create API.

Goto actions and create a method and select lambda, click save.

Now your API gateway is ready to deploy. The serverless web app functionality is now complete now you have a static website sitting in S3 storage with all the images, CSS, and HTML files then the user pool Amazon Cognito to manage login register and authentication followed by the newly created database which is manipulated by various lambda functions.

Did you know

Skyfi Labs helps students learn practical skills by building real-world projects.

You can enrol with friends and receive kits at your doorstep

You can learn from experts, build working projects, showcase skills to the world and grab the best jobs.
Get started today!

• AWS

• AWS
• Cloud Computing
• Web Development
• MySQL
• PHP

Build a Serverless website on AWS