Multi-tenancy

1
import { createEnv } from "@t3-oss/env-nextjs";
2
import { z } from "zod";
3
4
export const env = createEnv({
5
  server: {
6
    ROOT_DOMAIN: z.string().min(1),
7
    DEFAULT_MAKESWIFT_SITE_API_KEY: z.string().min(1),
8
    SITE_A_SUBDOMAIN: z.string().min(1),
9
    SITE_A_MAKESWIFT_SITE_API_KEY: z.string().min(1),
10
    SITE_B_SUBDOMAIN: z.string().min(1),
11
    SITE_B_MAKESWIFT_SITE_API_KEY: z.string().min(1),
12
  },
13
  client: {},
14
  runtimeEnv: {
15
    ROOT_DOMAIN: process.env.ROOT_DOMAIN,
16
    DEFAULT_MAKESWIFT_SITE_API_KEY:
17
      process.env.DEFAULT_MAKESWIFT_SITE_API_KEY,
18
    SITE_A_SUBDOMAIN: process.env.SITE_A_SUBDOMAIN,
19
    SITE_A_MAKESWIFT_SITE_API_KEY:
20
      process.env.SITE_A_MAKESWIFT_SITE_API_KEY,
21
    SITE_B_SUBDOMAIN: process.env.SITE_B_SUBDOMAIN,
22
    SITE_B_MAKESWIFT_SITE_API_KEY:
23
      process.env.SITE_B_MAKESWIFT_SITE_API_KEY,
24
  },
25
});

$
ROOT_DOMAIN=localhost
$
DEFAULT_MAKESWIFT_SITE_API_KEY=paste-your-default-api-key-here
$
SITE_A_SUBDOMAIN=siteA
$
SITE_A_MAKESWIFT_SITE_API_KEY=paste-your-site-a-api-key-here
$
SITE_B_SUBDOMAIN=siteB
$
SITE_B_MAKESWIFT_SITE_API_KEY=paste-your-site-b-api-key-here

1
import { env } from "env";
2
3
export const DEFAULT_TENANT_ID = "default";
4
5
const SUBDOMAIN_TO_API_KEY: Record<string, string> = {
6
  [DEFAULT_TENANT_ID]: env.DEFAULT_MAKESWIFT_SITE_API_KEY,
7
  [env.SITE_A_SUBDOMAIN]: env.SITE_A_MAKESWIFT_SITE_API_KEY,
8
  [env.SITE_B_SUBDOMAIN]: env.SITE_B_MAKESWIFT_SITE_API_KEY,
9
};
10
11
export function getApiKey(subdomain: string) {
12
  const apiKey = SUBDOMAIN_TO_API_KEY[subdomain];
13
14
  if (!apiKey) {
15
    throw new Error(
16
      `Invalid subdomain: ${subdomain}. Only ${Object.keys(SUBDOMAIN_TO_API_KEY).join(", ")} are supported.`
17
    );
18
  }
19
20
  return apiKey;
21
}
22
23
export function isValidTenantId(subdomain: string) {
24
  return Object.prototype.hasOwnProperty.call(
25
    SUBDOMAIN_TO_API_KEY,
26
    subdomain
27
  );
28
}
29
30
export function getSubdomainFromHost(host: string): string | null {
31
  const hostname = host.split(":")[0];
32
33
  if (hostname === env.ROOT_DOMAIN) {
34
    return null;
35
  }
36
37
  const suffix = `.${env.ROOT_DOMAIN}`;
38
  if (hostname.endsWith(suffix)) {
39
    const subdomain = hostname.slice(0, -suffix.length);
40
    return subdomain.length > 0 ? subdomain : null;
41
  }
42
43
  return null;
44
}
45
46
export function getTenantFromHost(host: string): string {
47
  const subdomain = getSubdomainFromHost(host);
48
49
  return subdomain != null && isValidTenantId(subdomain)
50
    ? subdomain
51
    : DEFAULT_TENANT_ID;
52
}

1
import { notFound } from "next/navigation";
2
3
import { Makeswift, Page as MakeswiftPage } from "@makeswift/runtime/next";
4
import { getSiteVersion } from "@makeswift/runtime/next/server";
5
6
import { runtime } from "../../../../../lib/makeswift/runtime";
7
import { DEFAULT_TENANT_ID, getApiKey } from "../../../../../lib/makeswift/tenants";
8
9
export default async function Page({
10
  params,
11
}: {
12
  params: Promise<{ path?: string[] }>;
13
}) {
14
  const pathSegments = (await params)?.path ?? [];
15
16
  if (pathSegments.length === 0) return notFound();
17
18
  const subdomainFromPath = pathSegments.at(0) ?? DEFAULT_TENANT_ID;
19
  const remainingPath = pathSegments.slice(1);
20
  const makeswiftPath = "/" + remainingPath.join("/");
21
22
  const makeswiftClient = new Makeswift(getApiKey(subdomainFromPath), {
23
    runtime,
24
  });
25
26
  const snapshot = await makeswiftClient.getPageSnapshot(makeswiftPath, {
27
    siteVersion: getSiteVersion(),
28
  });
29
30
  if (snapshot == null) return notFound();
31
32
  return <MakeswiftPage snapshot={snapshot} />;
33
}

1
import { NextRequest } from "next/server";
2
import { headers } from "next/headers";
3
4
import { MakeswiftApiHandler } from "@makeswift/runtime/next/server";
5
6
import "../../../../../lib/makeswift/components";
7
import { runtime } from "../../../../../lib/makeswift/runtime";
8
import { getApiKey, getTenantFromHost } from "../../../../../lib/makeswift/tenants";
9
10
async function handler(
11
  req: NextRequest,
12
  context: { params: Promise<{ makeswift: string[] }> }
13
) {
14
  const headersList = await headers();
15
  const host = headersList.get("host") ?? "";
16
17
  const apiKey = getApiKey(getTenantFromHost(host));
18
19
  return await MakeswiftApiHandler(apiKey, { runtime })(req, context);
20
}
21
22
export { handler as GET, handler as POST, handler as OPTIONS };

1
import type { Metadata } from "next";
2
3
import { getSiteVersion } from "@makeswift/runtime/next/server";
4
5
import "../../../../../lib/makeswift/components";
6
import { MakeswiftProvider } from "../../../../../lib/makeswift/provider";
7
8
export const metadata: Metadata = {
9
  title: "Multi-Tenant Makeswift Site",
10
  description: "A multi-tenant website powered by Makeswift",
11
};
12
13
export default async function RootLayout({
14
  children,
15
}: Readonly<{
16
  children: React.ReactNode;
17
}>) {
18
  return (
19
    <html lang="en">
20
      <body>
21
        <MakeswiftProvider siteVersion={await getSiteVersion()}>
22
          {children}
23
        </MakeswiftProvider>
24
      </body>
25
    </html>
26
  );
27
}