> ## Documentation Index
> Fetch the complete documentation index at: https://base-a060aa97-eb-mini-app-ia-overhaul.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Add Frame Metadata
> Define fc:frame metadata to render rich embeds with launch buttons
Add `fc:frame` metadata so shared links render an embed with a launch button.
Place the meta tag in `` and ensure all referenced assets use HTTPS.
### Next.js (generateMetadata)
```ts app/layout.tsx
export async function generateMetadata(): Promise {
const URL = process.env.NEXT_PUBLIC_URL as string;
return {
title: process.env.NEXT_PUBLIC_ONCHAINKIT_PROJECT_NAME,
description: 'Generated by `create-onchain --mini`',
other: {
'fc:frame': JSON.stringify({
version: 'next',
imageUrl: process.env.NEXT_PUBLIC_APP_HERO_IMAGE,
button: {
title: `Launch ${process.env.NEXT_PUBLIC_ONCHAINKIT_PROJECT_NAME}`,
action: {
type: 'launch_frame',
name: process.env.NEXT_PUBLIC_ONCHAINKIT_PROJECT_NAME,
url: URL,
splashImageUrl: process.env.NEXT_PUBLIC_SPLASH_IMAGE,
splashBackgroundColor: process.env.NEXT_PUBLIC_SPLASH_BACKGROUND_COLOR,
},
},
}),
},
};
}
```
Validate configuration and ship
Minimal metadata and validation steps