{/* */}
{/* */}
Revamped CAD for the AI era
Voxal is the AI-native CAD studio that turns your imagination into assets. Generate, manage, and edit 3D models with the power of AI.
4.8x
Faster concept-to-prototype cycles
99.9%
Pipeline reliability across teams
35k+
Generated CAD assets in production
{partners.map((partner) => (
);
}
```
### app/auth/page.tsx
```typescript
import { redirect } from "next/navigation";
export default async function AuthAliasPage({
searchParams,
}: {
searchParams: Promise<{ next?: string }>;
}) {
const { next } = await searchParams;
const loginUrl = next ? `/login?next=${encodeURIComponent(next)}` : "/login";
redirect(loginUrl);
}
```
### app/(protected)/layout.tsx
```typescript
import { AppShellHeader } from "@/components/app-shell-header";
import { AppSidebar } from "@/components/app-sidebar";
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar";
import { requireSession } from "@/lib/session";
export const runtime = "nodejs";
export default async function ProtectedLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
const session = await requireSession();
return (
);
}
```
### app/(protected)/studio/page.tsx
```typescript
import StudioProjectPicker from "@/app/(protected)/studio/components/studio-project-picker";
import { getProjectsForUser } from "@/lib/projects";
import { requireSession } from "@/lib/session";
export default async function StudioPage() {
const session = await requireSession();
const projects = await getProjectsForUser(session.user.id);
return (
({
id: project.id,
name: project.name,
}))}
/>
{projects.length === 0 ? (
);
}
```
### app/(protected)/projects/page.tsx
```typescript
import ProjectCard from "@/components/projects/project-card";
import NewProjectButton from "@/app/(protected)/projects/components/new-project-button";
import { getProjectsForUser } from "@/lib/projects";
import { requireSession } from "@/lib/session";
export default async function ProjectsPage() {
const session = await requireSession();
const projects = await getProjectsForUser(session.user.id);
return (
);
}
```
### app/api/segment/route.ts
```typescript
import { NextResponse } from "next/server";
import { auth } from "@/lib/auth";
import { getSegmentationBaseUrl } from "@/lib/segmentation-url";
export const runtime = "nodejs";
export async function POST(request: Request) {
const session = await auth.api.getSession({ headers: request.headers });
if (!session) {
return NextResponse.json({ error: "Unauthorized" }, { status: 401 });
}
let baseUrl: string;
try {
baseUrl = getSegmentationBaseUrl();
} catch (error) {
return NextResponse.json(
{
error:
error instanceof Error
? error.message
: "SEGMENTATION_URL is not configured.",
},
{ status: 500 },
);
}
const incoming = await request.formData();
const file = incoming.get("file");
const classes = incoming.get("classes");
if (!(file instanceof File)) {
return NextResponse.json(
{ error: "Missing file field: file" },
{ status: 400 },
);
}
const upstreamForm = new FormData();
upstreamForm.append("file", file, file.name);
if (typeof classes === "string") {
upstreamForm.append("classes", classes);
}
const upstreamResponse = await fetch(`${baseUrl}/api/segment`, {
method: "POST",
body: upstreamForm,
});
const payloadText = await upstreamResponse.text();
if (!upstreamResponse.ok) {
return new Response(payloadText, {
status: upstreamResponse.status,
headers: {
"Content-Type":
upstreamResponse.headers.get("content-type") ?? "application/json",
},
});
}
return new Response(payloadText, {
status: 200,
headers: { "Content-Type": "application/json" },
});
}
```
[99 more indexed source files omitted to keep this export small. The full file list is in the Codebase structure section above.]
{children}
Studio
Choose a project from the combobox to open its scene.
No projects found. Create one from Projects first.
) : null}Projects
{projects.length === 0 ? (
No projects yet. Create one from dashboard.
) : ( projects.map((project) =>