app/layout.js

import PlausibleProvider from 'next-plausible'
import TopLoader from '../components/top-loader'
import Navigasyon from '../components/navigasyon'
import ThemeRegistry from './theme-registy'

const siteName = process.env.NEXT_PUBLIC_SITE_NAME || 'PAWÒL-NU. Paroles et traductions.'
const siteDescription = process.env.NEXT_PUBLIC_SITE_DESCRIPTION || 'PAWÒL-NU a pour but de promouvoir le Medukam (ou Wanni Wannan) et les productions afro-diasporiques.'
const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://pawol.nu'
const orgName = process.env.NEXT_PUBLIC_ORG_NAME || 'OKI'
const orgEmail = process.env.NEXT_PUBLIC_ORG_EMAIL || 'kontak@o-k-i.net'
const orgLocation = process.env.NEXT_PUBLIC_ORG_LOCATION || 'Guadeloupe'
const twitterHandle = `@${process.env.NEXT_PUBLIC_TWITTER_USERNAME || 'OrganisationKA'}`
const plausibleUrl = process.env.NEXT_PUBLIC_PLAUSIBLE_URL || null

export const metadata = {
  metadataBase: new URL(siteUrl),
  manifest: '/manifest.webmanifest',
  title: siteName,
  description: siteDescription,
  author: orgName,
  category: 'music',
  creator: orgName,
  publisher: orgName,
  applicationName: siteName,
  openGraph: {
    title: siteName,
    description: siteDescription,
    url: siteUrl,
    siteName,
    images: [
      {
        url: `${siteUrl}/logo-512x512.png`,
        width: 512,
        height: 512
      }
    ],
    locale: 'fr_FR',
    type: 'website'
  },
  twitter: {
    site: twitterHandle,
    card: 'summary_large_image',
    title: siteName,
    description: siteDescription,
    creator: twitterHandle,
    images: {
      url: `${siteUrl}/logo-512x512.png`,
      alt: `${siteName} Logo`,
    },
  }
}

const jsonLd = {
  '@context': 'https://schema.org',
  '@type': 'Organization',
  url: siteUrl,
  email: orgEmail,
  keywords: [orgName, siteName, 'Paroles', 'Pawol'],
  legalName: siteName,
  location: orgLocation,
}

export default async function RootLayout({children}) {
  const inner = (
    <>
      <TopLoader color='#ffeb3b' />
      <ThemeRegistry>
        <Navigasyon />
        {children}
      </ThemeRegistry>
      <section>
        <script
          type='application/ld+json'
          dangerouslySetInnerHTML={{__html: JSON.stringify(jsonLd)}}
        />
      </section>
    </>
  )

  return (
    <html lang='fr' suppressHydrationWarning>
      <body>
        {plausibleUrl
          ? <PlausibleProvider src={plausibleUrl}>{inner}</PlausibleProvider>
          : inner}
      </body>
    </html>
  )
}
fix: improve Plausible 2026-06-11 18:52:37 +04:00			`import PlausibleProvider from 'next-plausible'`
Fix top loader error 2026-04-21 19:32:05 +04:00			`import TopLoader from '../components/top-loader'`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`import Navigasyon from '../components/navigasyon'`
			`import ThemeRegistry from './theme-registy'`

feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`const siteName = process.env.NEXT_PUBLIC_SITE_NAME \|\| 'PAWÒL-NU. Paroles et traductions.'`
			`const siteDescription = process.env.NEXT_PUBLIC_SITE_DESCRIPTION \|\| 'PAWÒL-NU a pour but de promouvoir le Medukam (ou Wanni Wannan) et les productions afro-diasporiques.'`
			`const siteUrl = process.env.NEXT_PUBLIC_SITE_URL \|\| 'https://pawol.nu'`
			`const orgName = process.env.NEXT_PUBLIC_ORG_NAME \|\| 'OKI'`
			`const orgEmail = process.env.NEXT_PUBLIC_ORG_EMAIL \|\| 'kontak@o-k-i.net'`
			`const orgLocation = process.env.NEXT_PUBLIC_ORG_LOCATION \|\| 'Guadeloupe'`
			const twitterHandle = `@${process.env.NEXT_PUBLIC_TWITTER_USERNAME \|\| 'OrganisationKA'}`
			`const plausibleUrl = process.env.NEXT_PUBLIC_PLAUSIBLE_URL \|\| null`

Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`export const metadata = {`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`metadataBase: new URL(siteUrl),`
			`manifest: '/manifest.webmanifest',`
			`title: siteName,`
			`description: siteDescription,`
			`author: orgName,`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`category: 'music',`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`creator: orgName,`
			`publisher: orgName,`
			`applicationName: siteName,`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`openGraph: {`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`title: siteName,`
			`description: siteDescription,`
			`url: siteUrl,`
			`siteName,`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`images: [`
			`{`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			url: `${siteUrl}/logo-512x512.png`,
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`width: 512,`
			`height: 512`
			`}`
			`],`
			`locale: 'fr_FR',`
			`type: 'website'`
			`},`
			`twitter: {`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`site: twitterHandle,`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`card: 'summary_large_image',`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`title: siteName,`
			`description: siteDescription,`
			`creator: twitterHandle,`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`images: {`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			url: `${siteUrl}/logo-512x512.png`,
			alt: `${siteName} Logo`,
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`},`
			`}`
			`}`

			`const jsonLd = {`
			`'@context': 'https://schema.org',`
			`'@type': 'Organization',`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`url: siteUrl,`
			`email: orgEmail,`
			`keywords: [orgName, siteName, 'Paroles', 'Pawol'],`
			`legalName: siteName,`
			`location: orgLocation,`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`}`

feat: config Plausible 2026-06-11 18:33:42 +04:00			`export default async function RootLayout({children}) {`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`const inner = (`
			`<>`
			`<TopLoader color='#ffeb3b' />`
			`<ThemeRegistry>`
			`<Navigasyon />`
			`{children}`
			`</ThemeRegistry>`
			`<section>`
			`<script`
			`type='application/ld+json'`
			`dangerouslySetInnerHTML={{__html: JSON.stringify(jsonLd)}}`
			`/>`
			`</section>`
			`</>`
			`)`

Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`return (`
Fix html hydrate error 2026-04-16 13:56:39 +04:00			`<html lang='fr' suppressHydrationWarning>`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`<body>`
feat: extract hardcoded branding values to env vars 2026-06-26 00:34:04 +04:00			`{plausibleUrl`
			`? <PlausibleProvider src={plausibleUrl}>{inner}</PlausibleProvider>`
			`: inner}`
Replace index pages by app folder 2023-07-22 13:02:11 +04:00			`</body>`
			`</html>`
			`)`
			`}`