import { ClerkProvider } from '@clerk/nextjs'; import { dark } from '@clerk/themes'; import type { Metadata, ResolvingMetadata } from 'next'; import { cookies, headers } from 'next/headers'; import Image from 'next/image'; import Script from 'next/script'; import AnalyticsScripts from '@/components/ga4/AnalyticsScripts'; import PwaInstallSuppressionScript from '@/components/pwa/PwaInstallSuppressionScript'; import { isAndroid, isIOS } from '@/utils/device'; import { staticAssetUrl } from '@/utils/staticAssetUrl'; import { AppProviders } from './AppProviders'; import ClientLayout from './ClientLayout'; import './globals.css'; export const fetchCache = 'force-no-store'; export async function generateMetadata( _props: any, parent: ResolvingMetadata ): Promise { const pathname = '/'; const headersList = await headers(); const host = headersList.get('host') || 'suno.com'; const canonicalUrl = `https://${host}${pathname}`; const parentMetadata = await parent; return { title: parentMetadata.title ?? 'Suno | AI Music', description: parentMetadata.description ?? 'Create stunning original music for free in seconds using AI. Make your own masterpieces, share with friends, and discover music from artists worldwide.', openGraph: { type: 'website', url: 'https://suno.com', siteName: 'Suno', locale: 'en_US', images: [ { url: 'https://cdn-o.suno.com/meta-preview.jpg', width: 2468, height: 800, type: 'image/jpeg', alt: 'Suno AI Music Generator', }, ], }, alternates: { canonical: parentMetadata.alternates?.canonical ?? canonicalUrl, }, // PWA config appleWebApp: { capable: true, statusBarStyle: 'black-translucent', title: 'Suno', }, applicationName: 'Suno', }; } const clerkLocalizationOverrides = { footerPageLink__privacy: 'By continuing, you accept our Privacy Policy and', footerPageLink__terms: 'Terms of Use', signUp: { start: { actionText: '', }, }, }; export default async function RootLayout({ children, }: { children: React.ReactNode; }) { const headers_obj = await headers(); const customCountry = headers_obj.get('country'); const vercelCountry = headers_obj.get('x-vercel-ip-country'); const country = customCountry || vercelCountry; // Get additional geolocation headers const postalCode = headers_obj.get('x-vercel-ip-postal-code'); const latitude = headers_obj.get('x-vercel-ip-latitude'); const longitude = headers_obj.get('x-vercel-ip-longitude'); const city = headers_obj.get('x-vercel-ip-city'); const region = headers_obj.get('x-vercel-ip-country-region'); const forwardedFor = headers_obj.get('x-forwarded-for'); // User agent for Chrome and Firefox is CriOS and FxiOS const isOnIos = isIOS(); const isOnAndroid = isAndroid(); const supportedBrowser = isOnIos || isOnAndroid; console.debug('Location Alpha:', country); console.debug('Location Alpha (custom):', customCountry); console.debug('Location Alpha (auto):', vercelCountry); console.debug('Zone Beta:', postalCode); console.debug('Coord X:', latitude); console.debug('Coord Y:', longitude); console.debug('Metro:', city); console.debug('District:', region); console.debug('Origin:', forwardedFor); // Override Clerk publishable key for staff const cookieStore = await cookies(); const sunoAuthOverride = cookieStore.get('suno_auth')?.value; return ( {/* Critical font preloading - Other fonts load progressively via @font-face */} {/* Maze for user testing */} {/* Do not add an hcaptcha script tag to this file. See the comment at the top of (root)/Captcha.tsx. */} {/* Stripe.js */} */} {process.env.NEXT_PUBLIC_MAINTENANCE === 'true' ? (
Suno

Suno will be right back

Scheduled Maintenance: Our site is undergoing planned maintenance today (11/14/2024) from 10:00 PM to 11:00 PM ET. During this time, features will be temporarily unavailable. Thank you for your patience!
) : ( {children} )} ); }