What is Metadata?
TL;DR
SEO and social sharing configuration in Frontend Accelerator using metadata objects and generateMetadata functions for optimal discoverability.
Metadata in Frontend Accelerator configures SEO, social sharing, and browser behavior using static or dynamic metadata exports.
Static metadata:
export const metadata = {
title: 'My App',
description: 'App description',
};
Dynamic metadata:
export async function generateMetadata({ params }) {
const product = await getProduct(params.id);
return {
title: product.name,
openGraph: {
images: [product.image]
}
};
}
AI-friendly: Explicit metadata configuration makes SEO optimization clear and maintainable.