cloudflare config

app/api/record/start/route.ts

@@ -1,6 +1,8 @@
 import { EgressClient, EncodedFileOutput, S3Upload } from 'livekit-server-sdk';
 import { NextResponse } from 'next/server';
 
+export const runtime = 'edge';
+
 export async function GET(req: Request) {
   try {
     const url = new URL(req.url);

app/api/record/stop/route.ts

@@ -1,6 +1,8 @@
 import { EgressClient } from 'livekit-server-sdk';
 import { NextResponse } from 'next/server';
 
+export const runtime = 'edge';
+
 export async function GET(req: Request) {
   try {
     const url = new URL(req.url);

app/api/token/route.ts

@@ -3,6 +3,8 @@ import type { AccessTokenOptions, VideoGrant } from 'livekit-server-sdk';
 import { TokenResult } from '@/lib/types';
 import { NextResponse } from 'next/server';
 
+export const runtime = 'edge';
+
 const apiKey = process.env.LIVEKIT_API_KEY;
 const apiSecret = process.env.LIVEKIT_API_SECRET;
 

app/api/url/route.ts

@@ -1,6 +1,8 @@
 import { getLiveKitURL } from '../../../lib/server-utils';
 import { NextResponse } from 'next/server';
 
+export const runtime = 'edge';
+
 export async function GET(req: Request) {
   try {
     const url = new URL(req.url);

app/custom/page.tsx

@@ -2,6 +2,8 @@ import { videoCodecs } from 'livekit-client';
 import { VideoConferenceClientImpl } from './VideoConferenceClientImpl';
 import { isVideoCodec } from '@/lib/types';
 
+export const runtime = 'edge';
+
 export default function CustomRoomConnection(props: {
   searchParams: {
     liveKitUrl?: string;

app/page.tsx

@@ -5,6 +5,8 @@ import React, { Suspense, useState } from 'react';
 import { encodePassphrase, generateRoomId, randomString } from '@/lib/client-utils';
 import styles from '../styles/Home.module.css';
 
+export const runtime = 'edge';
+
 function Tabs(props: React.PropsWithChildren<{}>) {
   const searchParams = useSearchParams();
   const tabIndex = searchParams?.get('tab') === 'custom' ? 1 : 0;

app/rooms/[roomName]/page.tsx

@@ -27,6 +27,8 @@ import { SettingsMenu } from '@/lib/SettingsMenu';
 import { RecordingIndicator } from '@/lib/RecordingIndicator';
 import { isVideoCodec } from '@/lib/types';
 
+export const runtime = 'edge';
+
 export default function Page({ params }: { params: { roomName: string } }) {
   const router = useRouter();
   const roomName = params.roomName;

next.config.mjs

@@ -1,3 +1,5 @@
+import { setupDevPlatform } from '@cloudflare/next-on-pages/next-dev';
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: false,
@@ -13,4 +15,10 @@ const nextConfig = {
   },
 };
 
-module.exports = nextConfig;
+// This allows you to access Cloudflare bindings in local development.
+// Ignore this, you probably don't need it.
+if (process.env.NODE_ENV === 'development') {
+  await setupDevPlatform();
+}
+
+export default nextConfig;