Next.js Quickstart

yarn add @sampleapp.ai/sdk

NEXT_PUBLIC_SAMPLEAPP_API_KEY=your_api_key_here
NEXT_PUBLIC_SAMPLEAPP_ORG_ID=org_id

"use client"

import { SandboxHome } from "@sampleapp.ai/sdk";

export default function SandboxPage() {
  return (
    <SandboxHome
      apiKey={process.env.NEXT_PUBLIC_SAMPLEAPP_API_KEY!}
      orgid={process.env.NEXT_PUBLIC_SAMPLEAPP_ORG_ID!}
    />
  );
}

"use client"

import { Sandbox } from "@sampleapp.ai/sdk";
import { use } from "react";

export default function SandboxHomePage({ 
  params 
}: { 
  params: Promise<{ sandboxId: string }> 
}) {
  const { sandboxId } = use(params);

  return (
    <Sandbox 
      apiKey={process.env.NEXT_PUBLIC_SAMPLEAPP_API_KEY!} 
      sandboxId={sandboxId} 
    />
  );
}