This project demonstrates how you can utilize lambda@edge to create a serverless Nuxt.js server-side rendering solution. This solution offers several benefits over a setup which uses API Gateway + Lambda
- Control over which requests are handled by Nuxt.js and which request can served directly from S3, no need to serve static assets through API gateway + Lambda
- Control over cachability of responses, by either specifying seperate PathPatterns within Cloudfront CacheBehaviors or returning cache-control headers as part of Nuxt.js response
- Global scalability, lambda@edge functions are replicated accross all AWS regions
- Latency, invocation of API Gateway + Lambda has a higher latency
- Costs, per request costs of API Gateway are higher, certainly when using caching
- Node.js
- Serverless framework
npm install -g serverless - AWS CLI
- Install NPM dependencies:
$ npm install - Serve the project:
$ npm run dev - Invoke lambda@edge render function locally
$ npm run invoke
- Deploy the project:
$ npm run deploy
- Visit Demo page