Vox
Vox
Sign UpIntroductionGetting StartedFrontend
AstroNext.jsNuxtSolidStartSvelteKitTanstack Start
Backend

Tanstack Start

Add Vox to your Tanstack Start project.

To add the backend integration to your Tanstack Start project, you need to create a new file src/routes/api/feedback.ts file and add the following code:

// src/routes/api/feedback.ts

import { createFeedbackHandler } from "voxjs/server";
import { createFileRoute } from "@tanstack/react-router";
import { json } from "@tanstack/react-start";
import { getAuth } from "@/auth/functions";
import { env } from "@/env";

export const Route = createFileRoute("/api/feedback")({
	server: {
		handlers: {
			POST: async ({ request }) => {
				const auth = await getAuth(); // Your custom auth logic.

				if (!auth) {
					return json({ error: "Unauthorized" }, { status: 401 });
				}

				return createFeedbackHandler({
					apiKey: env.FEEDBACK_KEY, // Your Vox API key.
					tags: {
						app: "my-app", // Your app name.
						user: auth.user.email,
					},
				})(request);
			},
		},
	},
});

SvelteKit

Add Vox to your SvelteKit project.