diff --git a/playground/connect-next/next.config.mjs b/playground/connect-next/next.config.mjs
index d55e0fc3d..ea7600a76 100644
--- a/playground/connect-next/next.config.mjs
+++ b/playground/connect-next/next.config.mjs
@@ -1,8 +1,26 @@
 /** @type {import('next').NextConfig} */
+
+const cspHeader = `
+    script-src 'self' 'unsafe-inline';
+`;
+
 const nextConfig = {
   eslint: {
     ignoreDuringBuilds: true,
   },
+  async headers() {
+    return [
+      {
+        source: '/(.*)',
+        headers: [
+          {
+            key: 'Content-Security-Policy',
+            value: cspHeader.replace(/\n/g, ''),
+          },
+        ],
+      },
+    ];
+  },
 };
 
 export default nextConfig;