Magofoco
@magofoco
Hello @dwr.eth ! I developed a frame, but I have an issue making it work. When I go to: https://warpcast.com/~/developers/frames and insert my app URL: https://framemarketcap.com/ I receive the error “No frame embed found.” My Frame displays cryptocurrency prices similarly to CoinMarketCap and CoinGecko. I have two repositories: • Backend: A Node.js server that fetches data from CoinMarketCap and exposes it via an API endpoint. • Frontend: A React app fetches data from my backend and displays it. Steps I Have Taken: • Ensured the SDK is .ready() in my App.tsx • Added the correct <meta> tag in index.html • Included a .well-known/farcaster.json file, generated via Warpcast I followed the guidance from this discussion: https://github.com/farcasterxyz/protocol/discussions/205#frame-embed-metatags You can check my app and metadata here: • https://framemarketcap.com/ • https://framemarketcap.com/.well-known/farcaster.json Could you help me understand why this isn’t working?
1 reply
0 recast
0 reaction
Linda Xie
@linda
cc @samuellhuber.eth if you have any insight here 🙏
1 reply
0 recast
1 reaction
Samuel ツ
@samuellhuber.eth
@magofoco can you try on the metadata to set version to "next" see step 1 in https://dtech.vision/farcaster/frames/howtoturnawebsiteintoafarcasterframe/ that's a difference I see in your metatags compared to what works for us so far
0 reply
0 recast
1 reaction
Magofoco
@magofoco
Thanks! Now it does work :) I did few changes: 1) In my index.html, I changed the meta "version" from "1" to "next" 2) In my App.tsx I changed the way the sdk is loaded: ``` const [isSDKLoaded, setIsSDKLoaded] = useState(false); useEffect(() => { const load = () => { sdk.context .then(() => { return sdk.actions.ready(); }) .then(() => { console.log("SDK is ready!"); }) .catch((err) => { console.error("SDK Error:", err); }); }; if (sdk && !isSDKLoaded) { setIsSDKLoaded(true); load(); } ``` 3) In farcaster.json I changed the version from "1" to "0.0.1"
0 reply
0 recast
0 reaction
