Demonstrate how to get around of circular dependencies in SST

circular-dependency.ts

import { Lazy } from "aws-cdk-lib";
import * as sst from "@serverless-stack/resources";

export class MainStack extends sst.Stack {
  constructor(scope: sst.App, id: string) {
    super(scope, id);

    let site;

    // Create Api
    const api = new sst.Api(this, "Api", {
      defaultFunctionProps: {
        environment: {
          // Instead of evaluating `site.url` in place which is undefined at the moment,
          // Lazy value evaluates it after `site` is defined.
          // More details here - https://docs.aws.amazon.com/cdk/v2/guide/tokens.html#tokens_lazy
          SITE_URL: Lazy.stringValue({
            produce(context) {
              return site.url;
            }
          })
        },
      },
      routes: {
        "GET /": "src/lambda.main",
      },
    });

    // Create StaticSite
    site = new sst.StaticSite(this, "Frontend", {
      path: "src/sites/website",
      environment: {
        API_URL: api.url,
      },
    });
  }
}