create-lx2-app 0.7.0

package/template/packages/src/app/page/with-better-auth.tsx

@@ -0,0 +1,151 @@
+import { fileURLToPath } from "url"
+import { headers } from "next/headers"
+import { redirect } from "next/navigation"
+
+import { auth } from "@/server/auth"
+
+export default async function HomePage() {
+  const session = await auth.api.getSession({
+    headers: await headers(),
+  })
+  const user = session?.user
+
+  const fileURL = `vscode://file/${fileURLToPath(import.meta.url)}`
+
+  return (
+    <main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
+      <header className="ml-auto">
+        {user ? (
+          <button
+            onClick={async () => {
+              "use server"
+              await auth.api.signOut({
+                headers: await headers(),
+              })
+            }}
+            className="cursor-pointer rounded-md bg-rose-400 px-4 py-2"
+          >
+            Sign Out
+          </button>
+        ) : (
+          <button
+            onClick={async () => {
+              "use server"
+              const response = await auth.api.signInSocial({
+                body: {
+                  provider: "discord",
+                },
+              })
+              if (!response) {
+                throw new Error("Failed to sign in")
+              }
+              if (response.url) {
+                redirect(response.url)
+              }
+            }}
+            className="cursor-pointer rounded-md bg-purple-400 px-4 py-2"
+          >
+            Sign In
+          </button>
+        )}
+      </header>
+
+      <div className="flex grow flex-col items-center justify-center">
+        {/* Logo */}
+        <picture className="relative">
+          <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true" />
+          <img
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true"
+            alt="Logo"
+            width={65}
+            height={65}
+            className="block h-auto max-w-full"
+          />
+        </picture>
+
+        {user ? (
+          <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+            Welcome, <span className="capitalize">{user.name}</span>!
+          </h1>
+        ) : (
+          <>
+            <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+              Lx2 Next.js App
+            </h1>
+            <p className="mt-4 text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
+              Build modern web applications with today&apos;s most popular tools
+            </p>
+          </>
+        )}
+
+        <div className="mt-12 flex items-center gap-3">
+          <a
+            href="https://create.lx2.dev"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Website
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://create.lx2.dev/docs"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Docs
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://github.com/SlickYeet/create-lx2-app"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            GitHub
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+        </div>
+      </div>
+
+      <div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
+        <p className="m-0">Get started by editing </p>
+        <a
+          href={fileURL}
+          className="rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+        >
+          <code>src/app/page.tsx</code>
+        </a>
+      </div>
+    </main>
+  )
+}

package/template/packages/src/app/page/with-payload.tsx

@@ -0,0 +1,136 @@
+import { fileURLToPath } from "url"
+import config from "@payload-config"
+import { headers as getHeaders } from "next/headers.js"
+import { getPayload } from "payload"
+
+import "./globals.css"
+
+export default async function HomePage() {
+  const headers = await getHeaders()
+  const payloadConfig = await config
+  const payload = await getPayload({ config: payloadConfig })
+  const { user } = await payload.auth({ headers })
+
+  const fileURL = `vscode://file/${fileURLToPath(import.meta.url)}`
+
+  return (
+    <main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
+      <div className="flex grow flex-col items-center justify-center">
+        {/* Logo */}
+        <picture className="relative">
+          <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true" />
+          <img
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true"
+            alt="Logo"
+            width={65}
+            height={65}
+            className="block h-auto max-w-full"
+          />
+        </picture>
+
+        {!user && (
+          <>
+            <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+              Lx2 Next.js App
+            </h1>
+            <p className="mt-4 text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
+              Build modern web applications with today&apos;s most popular tools
+            </p>
+          </>
+        )}
+        {user && (
+          <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+            Welcome back, {user.email}
+          </h1>
+        )}
+
+        <div className="mt-12 flex items-center gap-3">
+          <a
+            href={payloadConfig.routes.admin}
+            rel="noopener noreferrer"
+            target="_blank"
+            className="rounded-md bg-white px-2 py-1 text-black focus:opacity-80 focus:outline-none active:opacity-70 active:outline-none"
+          >
+            Go to admin panel
+          </a>
+          <a
+            href="https://payloadcms.com/docs"
+            rel="noopener noreferrer"
+            target="_blank"
+            className="rounded-md border border-white px-2 py-1 text-white focus:opacity-80 focus:outline-none active:opacity-70 active:outline-none"
+          >
+            Payload Docs
+          </a>
+        </div>
+
+        <div className="mt-12 flex items-center gap-3">
+          <a
+            href="https://create.lx2.dev"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Website
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://create.lx2.dev/docs"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Docs
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://github.com/SlickYeet/create-lx2-app"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            GitHub
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+        </div>
+      </div>
+
+      <div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
+        <p className="m-0">Get started by editing </p>
+        <a
+          href={fileURL}
+          className="rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+        >
+          <code>src/app/(frontend)/page.tsx</code>
+        </a>
+      </div>
+    </main>
+  )
+}

package/template/packages/src/app/page/with-prisma.tsx

@@ -0,0 +1,177 @@
+import { fileURLToPath } from "url"
+import { revalidatePath } from "next/cache"
+
+import { db } from "@/server/db"
+
+export default async function HomePage() {
+  const posts = await db.post.findMany()
+
+  const fileURL = `vscode://file/${fileURLToPath(import.meta.url)}`
+
+  return (
+    <main className="mx-auto flex h-screen max-w-5xl flex-col items-center justify-between overflow-hidden p-6 sm:p-[45px]">
+      <div className="flex grow flex-col items-center justify-center">
+        {/* Logo */}
+        <picture className="relative">
+          <div className="absolute inset-0 animate-pulse rounded-xl bg-gradient-to-r from-purple-500 to-cyan-500 opacity-20 blur-xl dark:from-purple-800 dark:to-cyan-800" />
+          <source srcSet="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true" />
+          <img
+            src="https://github.com/SlickYeet/create-lx2-app/blob/main/docs/public/logo.light.png?raw=true"
+            alt="Logo"
+            width={65}
+            height={65}
+            className="block h-auto max-w-full"
+          />
+        </picture>
+
+        <h1 className="mt-6 bg-gradient-to-r from-purple-500 to-cyan-500 bg-clip-text text-center text-4xl leading-10 text-transparent sm:text-5xl sm:leading-14 md:text-6xl md:leading-20 lg:mt-10 lg:text-7xl lg:font-bold">
+          Lx2 Next.js App
+        </h1>
+        <p className="mt-4 text-center text-lg text-neutral-700 md:text-xl lg:mt-6 dark:text-neutral-300">
+          Build modern web applications with today&apos;s most popular tools
+        </p>
+
+        <div className="mt-12 flex items-center gap-3">
+          <a
+            href="https://create.lx2.dev"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Website
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://create.lx2.dev/docs"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            Docs
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+          <a
+            href="https://github.com/SlickYeet/create-lx2-app"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center rounded-md border border-white px-2 py-1 outline-none focus:opacity-80 active:opacity-70"
+          >
+            GitHub
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              viewBox="0 0 24 24"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              className="mb-1.5 size-4 fill-none stroke-current stroke-2"
+            >
+              <path d="M7 7h10v10" />
+              <path d="M7 17 17 7" />
+            </svg>
+          </a>
+        </div>
+
+        <div className="mt-12 flex flex-col items-center gap-3">
+          <div className="mb-4">
+            <h1 className="mb-4 text-center">
+              <span className="text-2xl text-neutral-700 dark:text-neutral-300">
+                Posts {posts.length}
+              </span>
+            </h1>
+
+            <form
+              action={async (formData: FormData) => {
+                "use server"
+
+                const name =
+                  formData.get("name")?.toString() ||
+                  `New Post ${posts.length + 1}`
+
+                await db.post.create({
+                  data: {
+                    id: crypto.randomUUID(),
+                    name,
+                  },
+                })
+
+                revalidatePath("/")
+              }}
+            >
+              <input
+                type="text"
+                name="name"
+                placeholder="New Post"
+                className="h-8 rounded-md border border-neutral-300 px-2 outline-none dark:border-neutral-700 dark:bg-neutral-800"
+              />
+              <button
+                type="submit"
+                className="ml-2 size-8 cursor-pointer rounded-md bg-neutral-200 outline-none hover:opacity-80 focus:opacity-80 dark:bg-neutral-800"
+              >
+                +
+              </button>
+            </form>
+          </div>
+
+          <div className="grid w-full grid-cols-1 gap-2 space-y-2 sm:grid-cols-2">
+            {posts.map((post) => (
+              <div
+                key={post.id}
+                className="flex h-10 max-w-40 items-center rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+              >
+                <span className="truncate text-sm text-neutral-700 dark:text-neutral-300">
+                  {post.name}
+                </span>
+                <form
+                  action={async () => {
+                    "use server"
+
+                    await db.post.delete({
+                      where: { id: post.id },
+                    })
+
+                    revalidatePath("/")
+                  }}
+                  className="ml-auto"
+                >
+                  <button
+                    type="submit"
+                    className="ml-2 cursor-pointer rounded-md text-rose-500 outline-none hover:opacity-80 focus:opacity-80"
+                  >
+                    x
+                  </button>
+                </form>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div className="flex flex-col items-center gap-1 text-sm text-neutral-600 lg:flex-row lg:gap-2 dark:text-neutral-400">
+        <p className="m-0">Get started by editing </p>
+        <a
+          href={fileURL}
+          className="rounded-md bg-neutral-200 px-2 py-1 dark:bg-neutral-800"
+        >
+          <code>src/app/page.tsx</code>
+        </a>
+      </div>
+    </main>
+  )
+}

package/template/packages/src/env/with-authjs-db.js

@@ -0,0 +1,52 @@
+import { createEnv } from "@t3-oss/env-nextjs"
+import { z } from "zod"
+
+export const env = createEnv({
+  /**
+   * Specify your server-side environment variables schema here. This way you can ensure the app
+   * isn't built with invalid env vars.
+   */
+  server: {
+    AUTH_SECRET:
+      process.env.NODE_ENV === "production"
+        ? z.string()
+        : z.string().optional(),
+    DISCORD_CLIENT_ID: z.string(),
+    DISCORD_CLIENT_SECRET: z.string(),
+    DATABASE_URL: z.string().url(),
+    NODE_ENV: z
+      .enum(["development", "test", "production"])
+      .default("development"),
+  },
+
+  /**
+   * Specify your client-side environment variables schema here. This way you can ensure the app
+   * isn't built with invalid env vars. To expose them to the client, prefix them with
+   * `NEXT_PUBLIC_`.
+   */
+  client: {
+    // NEXT_PUBLIC_CLIENTVAR: z.string(),
+  },
+
+  /**
+   * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
+   * middlewares) or client-side so we need to destruct manually.
+   */
+  runtimeEnv: {
+    AUTH_SECRET: process.env.AUTH_SECRET,
+    DISCORD_CLIENT_ID: process.env.DISCORD_CLIENT_ID,
+    DISCORD_CLIENT_SECRET: process.env.DISCORD_CLIENT_SECRET,
+    DATABASE_URL: process.env.DATABASE_URL,
+    NODE_ENV: process.env.NODE_ENV,
+  },
+  /**
+   * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
+   * useful for Docker builds.
+   */
+  skipValidation: !!process.env.SKIP_ENV_VALIDATION,
+  /**
+   * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and
+   * `SOME_VAR=''` will throw an error.
+   */
+  emptyStringAsUndefined: true,
+})

package/template/packages/src/env/with-authjs.js

@@ -0,0 +1,51 @@
+import { createEnv } from "@t3-oss/env-nextjs"
+import { z } from "zod"
+
+export const env = createEnv({
+  /**
+   * Specify your server-side environment variables schema here. This way you can ensure the app
+   * isn't built with invalid env vars.
+   */
+  server: {
+    AUTH_SECRET:
+      process.env.NODE_ENV === "production"
+        ? z.string()
+        : z.string().optional(),
+    DISCORD_CLIENT_ID: z.string(),
+    DISCORD_CLIENT_SECRET: z.string(),
+    NODE_ENV: z
+      .enum(["development", "test", "production"])
+      .default("development"),
+  },
+
+  /**
+   * Specify your client-side environment variables schema here. This way you can ensure the app
+   * isn't built with invalid env vars. To expose them to the client, prefix them with
+   * `NEXT_PUBLIC_`.
+   */
+  client: {
+    // NEXT_PUBLIC_CLIENTVAR: z.string(),
+  },
+
+  /**
+   * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
+   * middlewares) or client-side so we need to destruct manually.
+   */
+  runtimeEnv: {
+    AUTH_SECRET: process.env.AUTH_SECRET,
+    DISCORD_CLIENT_ID: process.env.DISCORD_CLIENT_ID,
+    DISCORD_CLIENT_SECRET: process.env.DISCORD_CLIENT_SECRET,
+    NODE_ENV: process.env.NODE_ENV,
+    // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
+  },
+  /**
+   * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
+   * useful for Docker builds.
+   */
+  skipValidation: !!process.env.SKIP_ENV_VALIDATION,
+  /**
+   * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and
+   * `SOME_VAR=''` will throw an error.
+   */
+  emptyStringAsUndefined: true,
+})

package/template/packages/src/env/with-better-auth-db.js

@@ -0,0 +1,51 @@
+import { createEnv } from "@t3-oss/env-nextjs"
+import { z } from "zod"
+
+export const env = createEnv({
+  /**
+   * Specify your server-side environment variables schema here. This way you can ensure the app
+   * isn't built with invalid env vars.
+   */
+  server: {
+    NODE_ENV: z
+      .enum(["development", "test", "production"])
+      .default("development"),
+    DATABASE_URL: z.string().url(),
+    BETTER_AUTH_SECRET: z.string(),
+    DISCORD_CLIENT_ID: z.string(),
+    DISCORD_CLIENT_SECRET: z.string(),
+  },
+
+  /**
+   * Specify your client-side environment variables schema here. This way you can ensure the app
+   * isn't built with invalid env vars. To expose them to the client, prefix them with
+   * `NEXT_PUBLIC_`.
+   */
+  client: {
+    // NEXT_PUBLIC_CLIENTVAR: z.string(),
+    NEXT_PUBLIC_BETTER_AUTH_URL: z.string().url(),
+  },
+
+  /**
+   * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
+   * middlewares) or client-side so we need to destruct manually.
+   */
+  runtimeEnv: {
+    NODE_ENV: process.env.NODE_ENV,
+    DATABASE_URL: process.env.DATABASE_URL,
+    BETTER_AUTH_SECRET: process.env.BETTER_AUTH_SECRET,
+    NEXT_PUBLIC_BETTER_AUTH_URL: process.env.NEXT_PUBLIC_BETTER_AUTH_URL,
+    DISCORD_CLIENT_ID: process.env.DISCORD_CLIENT_ID,
+    DISCORD_CLIENT_SECRET: process.env.DISCORD_CLIENT_SECRET,
+  },
+  /**
+   * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
+   * useful for Docker builds.
+   */
+  skipValidation: !!process.env.SKIP_ENV_VALIDATION,
+  /**
+   * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and
+   * `SOME_VAR=''` will throw an error.
+   */
+  emptyStringAsUndefined: true,
+})

package/template/packages/src/env/with-better-auth.js

@@ -0,0 +1,48 @@
+import { createEnv } from "@t3-oss/env-nextjs"
+import { z } from "zod"
+
+export const env = createEnv({
+  /**
+   * Specify your server-side environment variables schema here. This way you can ensure the app
+   * isn't built with invalid env vars.
+   */
+  server: {
+    NODE_ENV: z.enum(["development", "test", "production"]),
+    BETTER_AUTH_SECRET: z.string(),
+    DISCORD_CLIENT_ID: z.string(),
+    DISCORD_CLIENT_SECRET: z.string(),
+  },
+
+  /**
+   * Specify your client-side environment variables schema here. This way you can ensure the app
+   * isn't built with invalid env vars. To expose them to the client, prefix them with
+   * `NEXT_PUBLIC_`.
+   */
+  client: {
+    // NEXT_PUBLIC_CLIENTVAR: z.string(),
+    NEXT_PUBLIC_BETTER_AUTH_URL: z.string().url(),
+  },
+
+  /**
+   * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
+   * middlewares) or client-side so we need to destruct manually.
+   */
+  runtimeEnv: {
+    NODE_ENV: process.env.NODE_ENV,
+    // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,
+    BETTER_AUTH_SECRET: process.env.BETTER_AUTH_SECRET,
+    NEXT_PUBLIC_BETTER_AUTH_URL: process.env.NEXT_PUBLIC_BETTER_AUTH_URL,
+    DISCORD_CLIENT_ID: process.env.DISCORD_CLIENT_ID,
+    DISCORD_CLIENT_SECRET: process.env.DISCORD_CLIENT_SECRET,
+  },
+  /**
+   * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
+   * useful for Docker builds.
+   */
+  skipValidation: !!process.env.SKIP_ENV_VALIDATION,
+  /**
+   * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and
+   * `SOME_VAR=''` will throw an error.
+   */
+  emptyStringAsUndefined: true,
+})