aws lambda-edge

[pi0]

https://docs.aws.amazon.com/lambda/latest/dg/lambda-edge.html

nuxt/nuxt#11700

[tresko]

Hi, I wonder if you have any ETA for this preset?

[WinterYukky]

@tresko I created the PR exactly at the moment you commented. LOL!

The current escape hatch is to wrap an existing preset for Lambda@Edge.
An example of wrapping a aws-lambda preset is shown in the following code.

import { URLSearchParams } from "url";
import * as nitro from "./index.mjs";

export const handler = async (event) => {
  const request = event.Records[0].cf.request;
  const queryStringParameters = Object.fromEntries(
    new URLSearchParams(request.querystring).entries()
  );

  const response = await nitro.handler({
    path: request.uri,
    queryStringParameters,
    httpMethod: request.method,
    headers: normalizeIncomingHeaders(request.headers),
    body: request.body,
  });
  return {
    status: response.statusCode,
    headers: normalizeOutgoingHeaders(response.headers),
    body: response.body,
  };
};

function normalizeIncomingHeaders(headers) {
  return Object.fromEntries(
    Object.entries(headers).map(([key, keyValues]) => [
      key,
      keyValues.map((kv) => kv.value).join(","),
    ])
  );
}
function normalizeOutgoingHeaders(headers) {
  return Object.fromEntries(
    Object.entries(headers).map(([key, values]) => [
      key,
      values.split(",").map((value) => ({ value })),
    ])
  );
}

Saving this code as wrapper.mjs and setting the Lambda entry point as wrapper.handler should work.
NOTE: require nodejs_14_x or nodejs_16_x

[tresko]

@WinterYukky Wow, amazing! Thank you!

I saw on your PR that you are using Nuxt3 on lambda@edge. Am I correct?

Can you share a wrapper example for Nuxt 3?

[WinterYukky]

@tresko Yes. I'm using Nuxt3 on lambda@edge.

I have created and published a simple project for you.
It is a site that when accessed via /<anime title> calls free API and SSR the results.
The AWS configuration is written by AWS CDK in the cdk directory.
I have included a few comments as you may not be familiar with the AWS CDK, but if you have any questions please ask.

I have included the deployment procedure at the end of README.md so you can try it if you like.

ref: https://github.com/WinterYukky/nuxt3-lambda-edge-example

[tresko]

@WinterYukky Thank you!

[anjali89r]

@pi0 any plan to support this feature in the near future?

[ennioVisco]

Up, there are currently two PRs for this. It is very frustrating that @pi0 is not explaining why/what was wrong with the first one/ what are the technical difficulties/ what are higher priorities 😢

[Hebilicious]

There's 2 PR Open for lambda-edge, but they are not the same.

We could create 2 different presets, lambda-edge and lambda-edge-cdk

#1075 => lambda-edge
#240 => lambda-edge-cdk

Both preset should use the same entry for the runtime.

There's also the option to have a single preset and a config flag such as aws-lambda-edge.cdk = true

The CDK version is useful for direct deploy, see here #1387

The non cdk version is useful to integrate with IAC deployment frameworks such as SST, Pulumi etc

Tracked in Nitro : #133
SST issue for Nuxt: anomalyco/sst#2314
SST PR for Nuxt support : anomalyco/sst#2989
Working demo SST+Nuxt+lambda-edge: https://github.com/jdevdevdev/nuxt-sst/blob/lambda-edge/nuxt-app/server/nitro/preset/entry.ts

[AlbertSabate]

Hello, I can see that this development has been stopped for a while. Is there any intention to finish it? I wanted to submit a PR for this, but there are many of them already.
If anybody wants a working solution based on the current opened PRs, you can use it from my fork:

"nitropack": "git://github.com/AlbertSabate/nitro#df9eed697da2d7f09fa9a4a4f9d008fe11201df1" -> Updated to current v2.8.1
And then use the preset: preset: 'aws-lambda-edge',.

Let me know if I can help speed this up to have it on the official repo. But, for now, I won't submit anything as the credits should go for the already opened ones.