Next.js & Lambda @ Edge with Serverless Components

Creating a Service & Deploying a Frontend

To make the most of this tutorial series,  create a Serverless Framework PRO account for free

Lesson Info

This next section will go over the outline for the next videos on how to deploy a static website with a custom domain, SSL, and a CloudFront Distribution on AWS.


Welcome back. Let's look at how we can deploy websites to AWS using serverless framework plugins. We'll start by setting up our environment and making sure we have all the dependencies we need to do everything we'll be doing in this section.

After that, we'll take a look at the application as a demo that I've put together so that we can see what it might look like locally and then compare it to what we'll be expecting inside of the cloud.

Next we'll look at creating a serverless framework service and all the configuration and serverless.yml to tie this together using plugins and to our frontend application. We'll also go ahead and install and configure the serverless Finch plugin in order to make sure that we can sync our local files up to AWS as S3 service and get a website deployed for us inside a static site hosting in S3 and finally we'll deploy that website to S3 and view our new website in the cloud.

Now this will just be the first step that we'll take to get going with this initial website and in future videos, we'll do a lot more configuration to get things like a custom domain, HTTPS certificate and caching using CloudFront. So stay tuned.

Get updated when a new course is released