[Nebula] Feature: Farcaster Mini App

apps/dashboard/.env.example

@@ -108,4 +108,10 @@ STRIPE_SECRET_KEY=""
 
 # required for server wallet management
 NEXT_PUBLIC_THIRDWEB_VAULT_URL=""
-NEXT_PUBLIC_ENGINE_CLOUD_URL=""
+NEXT_PUBLIC_ENGINE_CLOUD_URL=""
+
+# farcaster frame env variables
+NEXT_PUBLIC_APP_URL=
+NEXT_PUBLIC_FARCASTER_HEADER=
+NEXT_PUBLIC_FARCASTER_PAYLOAD=
+NEXT_PUBLIC_FARCASTER_SIGNATURE=

apps/dashboard/next.config.ts

@@ -29,7 +29,8 @@ const securityHeaders = [
   },
   {
     key: "X-Frame-Options",
-    value: "SAMEORIGIN",
+    // allow farcaster.xyz as a frame ancestor for the browser mini app
+    value: "frame-ancestors 'self' https://farcaster.xyz; default 'self'",
   },
   {
     key: "Referrer-Policy",

apps/dashboard/package.json

@@ -27,6 +27,8 @@
     "@chakra-ui/theme-tools": "^2.1.2",
     "@emotion/react": "11.14.0",
     "@emotion/styled": "11.14.0",
+    "@farcaster/frame-core": "^0.1.8",
+    "@farcaster/frame-sdk": "^0.0.60",
     "@hookform/resolvers": "^3.9.1",
     "@marsidev/react-turnstile": "^1.1.0",
     "@radix-ui/react-accordion": "^1.2.11",