import { ClerkProvider } from '@clerk/nextjs'; import type { Metadata } from 'next'; import { headers } from 'next/headers'; import { AppProviders } from '@/app/(root)/AppProviders'; import { staticAssetUrl } from '@/utils/staticAssetUrl'; // NOTE: The embed page is using a different Tailwind CSS file that scans fewer files. // Be sure to update `tailwind.embed.config.ts` and add any relevant components! import EmbedClientLayout from './EmbedClientLayout'; import './embed.css'; export const fetchCache = 'force-no-store'; type Props = { params: Promise<{ slug: string }>; }; export async function generateMetadata({ params }: Props): Promise { const { slug } = await params; const headersList = await headers(); const host = headersList.get('host') || 'suno.com'; const canonicalUrl = `https://${host}/song/${slug}`; return { title: 'Suno', description: 'Suno', alternates: { canonical: canonicalUrl, }, }; } export default function RootLayout({ children, }: { children: React.ReactNode; }) { return ( {/* Critical font preloading - Other fonts load progressively via @font-face */} {children} ); }