fix: fix cors issue when NextJS call api

Author: lxup

.env.template

@@ -1,3 +1,4 @@
+WEB_APP_URL=
 # SUPABASE
 SUPABASE_URL=
 SUPABASE_ANON_KEY=

src/main.ts

@@ -17,9 +17,14 @@ import { apiReference } from '@scalar/nestjs-api-reference';
 validateEnv();
 
 async function bootstrap() {
+  const adapter = new FastifyAdapter();
+  adapter.enableCors({
+    origin: [process.env.WEB_APP_URL || 'http://localhost:3000'],
+    methods: ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'OPTIONS'],
+  });
   const app = await NestFactory.create<NestFastifyApplication>(
     AppModule,
-    new FastifyAdapter(),
+    adapter,
   );
 
   app.enableVersioning({

src/utils/validateEnv.ts

@@ -6,6 +6,9 @@ function validateEnv() {
     PORT: port({ default: 3000 }),
     HOST: str({ default: '0.0.0.0' }),
 
+    // Web App
+    WEB_APP_URL: url({ default: 'http://localhost:3000' }),
+
     // Typesense
     TYPESENSE_HOST: str(),
     TYPESENSE_PORT: port(),