Setup with AWS CloudFront (Lambda@Edge)

// index.mjs (AWS Lambda@Edge — attach to an "Origin request" trigger)
//
// Why Lambda@Edge and not a CloudFront Function?
//   CloudFront Functions cannot make network calls, so they can't reach the
//   prerender service. Lambda@Edge (Node.js 18+) has a global fetch and a 1 MB
//   generated-response body limit on the origin-request event — enough for HTML.
//
// Deploy notes:
//   1. Create the function in us-east-1 (Lambda@Edge requirement), then deploy
//      it to your CloudFront distribution as an "Origin request" trigger.
//   2. This is an ES module — the file must be named index.mjs (or set
//      "type": "module" in package.json). Use 'export const handler', NOT
//      'exports.handler', or you'll get "exports is not defined in ES module scope".
//   3. Lambda@Edge does NOT support environment variables — the API key is
//      inlined below.
//   4. In the cache behavior, forward (and include in the cache key) the
//      User-Agent, Accept, and Accept-Language headers so crawler vs. browser
//      requests are routed and cached separately.

// CHANGE THIS: your canonical public domain. On an origin-request trigger
// CloudFront rewrites the Host header to the origin's hostname, so we can't
// derive the viewer's domain from the request — the prerender service must be
// queried with your real public URL or it won't find the page.
const PUBLIC_HOST = 'yourdomain.com';

export const handler = async (event) => {
  const request = event.Records[0].cf.request;

  const header = (name) => {
    const h = request.headers[name.toLowerCase()];
    return h && h[0] ? h[0].value : '';
  };

  // Only handle public GET navigations.
  // Treat missing/empty Accept and bare '*/*' as HTML so crawler tests
  // (curl without -H, default fetch) still route through prerender.
  // Asset requests from browsers send specific Accept (e.g. 'text/css,*/*;q=0.1')
  // so they won't match.
  const accept = (header('accept') || '').trim();
  const isHtmlRequest = !accept || accept === '*/*' || accept.includes('text/html');
  if (request.method !== 'GET' || !isHtmlRequest) return request;

  // Reconstruct the full public URL. Use PUBLIC_HOST, not the (origin-rewritten)
  // Host header.
  const fullUrl =
    'https://' + PUBLIC_HOST + request.uri + (request.querystring ? '?' + request.querystring : '');

  try {
    const headers = {
      'x-lovablehtml-api-key': <your-api-key>,
      accept: 'text/html',
      'accept-language': header('accept-language'),
      'sec-fetch-mode': header('sec-fetch-mode'),
      'sec-fetch-site': header('sec-fetch-site'),
      'sec-fetch-dest': header('sec-fetch-dest'),
      'sec-fetch-user': header('sec-fetch-user'),
      'upgrade-insecure-requests': header('upgrade-insecure-requests'),
      referer: header('referer'),
      'user-agent': header('user-agent'),
    };

    const r = await fetch('https://encited.com/api/prerender/render?url=' + encodeURIComponent(fullUrl), { headers });

    // 301 = configured redirect rule matched — forward to client
    if (r.status === 301) {
      const loc = r.headers.get('location');
      if (loc) {
        return {
          status: '301',
          statusDescription: 'Moved Permanently',
          headers: {
            location: [{ key: 'Location', value: loc }],
            'cache-control': [{ key: 'Cache-Control', value: 'no-store' }],
          },
        };
      }
    }

    // 304 = not pre-rendered, pass through to origin
    if (r.status === 304) return request;

    if ((r.headers.get('content-type') || '').includes('text/html')) {
      return {
        status: '200',
        statusDescription: 'OK',
        headers: {
          'content-type': [{ key: 'Content-Type', value: 'text/html; charset=utf-8' }],
        },
        body: await r.text(),
      };
    }
  } catch {
    // Prerender unreachable → fall through so visitors still get the site
  }

  // Safety fallback: never block the request
  return request;
};

# 1) Call the Encited render API directly
curl -sS -D - -o /dev/null \
  -H "x-lovablehtml-api-key: <API_KEY>" \
  -H "Accept: text/html" \
  "https://encited.com/api/prerender/render?url=https%3A%2F%2Fyour-domain.com%2Fyour-page"

# Look for:
# - HTTP/1.1 200
# - x-lovablehtml-render-cache: hit | miss
# - x-lovablehtml-snapshot-key: ...

# 2) Hit your site with an HTML Accept header
curl -sS -D - -o /dev/null \
  -H "Accept: text/html" \
  -A "Googlebot" \
  "https://your-domain.com/your-page"

# Look for:
# - HTTP/1.1 200
# - content-type: text/html

# 3) Passthrough (no Accept: text/html → function should not call Encited)
curl -sS -D - -o /dev/null \
  -A "Mozilla/5.0" \
  "https://your-domain.com/your-page"