Host a Next.js app

build:
  install: pnpm install --frozen-lockfile --ignore-scripts
  command: pnpm run build
  output: .open-next/assets
  ssg_cache_max_mib: 48

<img
  src="/images/portrait.png"
  alt="Profile portrait"
  width={800}
  height={800}
  className="profile-portrait"
  loading="lazy"
  decoding="async"
/>

"use client";

import { useState } from "react";
import { ThemeProvider as NextThemesProvider } from "next-themes";
import type { ThemeProviderProps } from "next-themes";

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  const [documentNonce] = useState<string | undefined>(() => {
    if (typeof document === "undefined") return undefined;
    return document.head.querySelector<HTMLMetaElement>(
      'meta[property="csp-nonce"]',
    )?.content || undefined;
  });

  return (
    <NextThemesProvider {...props} nonce={props.nonce ?? documentNonce}>
      {children}
    </NextThemesProvider>
  );
}