ORGANISATION-KA-INTERNATIONALE/pawol.nu
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: extract hardcoded branding values to env vars

Browse Source
This commit is contained in:
Cédric Famibelle-Pronzola
2026-06-26 00:34:04 +04:00
parent f2d03ebec6
commit 9cbb5e3d23
12 changed files with 133 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/head-layout.js
+15 -12
View File
@@ -5,6 +5,9 @@ import Navigasyon from './navigasyon'
const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'http://localhost:3000'
const apiUrl = process.env.NEXT_PUBLIC_API_URL_ROOT || 'http://localhost:1337'
const siteName = process.env.NEXT_PUBLIC_SITE_NAME || 'PAWÒL-NU. Paroles et traductions.'
const orgName = process.env.NEXT_PUBLIC_ORG_NAME || 'OKI'
const twitterHandle = `@${process.env.NEXT_PUBLIC_TWITTER_USERNAME || 'OrganisationKA'}`
export default function HeadLayout({
children,
@@ -20,38 +23,38 @@ export default function HeadLayout({
return (
<div>
<Head prefix='website: https://ogp.me/ns/website#'>
<title>{`${title ? `PAWÒL-NU | ${title}` : 'PAWÒL-NU. Paroles et traductions.'}`}</title>
<title>{`${title ? `${siteName} | ${title}` : siteName}`}</title>
<link rel='canonical' href={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
<link rel='manifest' href='/manifest.json' />
<link rel='icon' type='image/x-icon' sizes='32x32' href='/favicon.ico' />
<link rel='apple-touch-icon' href='/favicon.ico' />
<meta name='monetization' content='$ilp.uphold.com/q7MFmYWNpwnr' />
<meta name='application-name' content='PAWÒL-NU. Paroles et traductions.' />
<meta name='application-name' content={siteName} />
<meta name='twitter:card' content='summary_large_image' />
<meta name='twitter:url' content={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
<meta name='twitter:title' content={`${title ? title : 'PAWÒL-NU. Paroles et traductions.'}`} />
<meta name='twitter:description' content={`${summary ? summary : 'PAWÒL-NU a pour but de promouvoir les langues et les productions afro-diasporiques.'}`} />
<meta name='twitter:title' content={`${title ? title : siteName}`} />
<meta name='twitter:description' content={`${summary ? summary : process.env.NEXT_PUBLIC_SITE_DESCRIPTION || 'PAWÒL-NU a pour but de promouvoir les langues et les productions afro-diasporiques.'}`} />
<meta name='twitter:image' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/logo-192x192.png`}`} />
<meta name='twitter:creator' content='@OrganisationKA' />
<meta name='twitter:site' content='@OrganisationKA' />
<meta name='twitter:creator' content={twitterHandle} />
<meta name='twitter:site' content={twitterHandle} />
<meta name='theme-color' content='#303030' />
<meta name='apple-mobile-web-app-status-bar' content='#303030' />
<meta charSet='utf-8' />
<meta name='description' content={`${summary ? summary : 'PAWÒL-NU a pour but de promouvoir les langues et les productions afro-diasporiques.'}`} />
<meta name='author' content='OKI' />
<meta name='description' content={`${summary ? summary : process.env.NEXT_PUBLIC_SITE_DESCRIPTION || 'PAWÒL-NU a pour but de promouvoir les langues et les productions afro-diasporiques.'}`} />
<meta name='author' content={orgName} />
<meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width' />
<meta property='og:url' content={`${slug ? `${siteUrl}/${slug}` : siteUrl}`} />
<meta property='og:type' content='website' />
<meta property='og:site_name' content={`${title ? title : 'PAWÒL-NU. Paroles et traductions.'}`} />
<meta property='og:title' content={`${title ? title : 'PAWÒL-NU. Paroles et traductions.'}`} />
<meta property='og:description' content={`${summary ? summary : 'PAWÒL-NU a pour but de promouvoir les langues et les productions afro-diasporiques.'}`} />
<meta property='og:site_name' content={`${title ? title : siteName}`} />
<meta property='og:title' content={`${title ? title : siteName}`} />
<meta property='og:description' content={`${summary ? summary : process.env.NEXT_PUBLIC_SITE_DESCRIPTION || 'PAWÒL-NU a pour but de promouvoir les langues et les productions afro-diasporiques.'}`} />
<meta property='og:locale' content='fr_FR' />
<meta property='og:image' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/logo-512x512.png`}`} />
<meta property='og:image:secure_url' content={`${imageUrl ? `${apiUrl}${imageUrl}` : `${siteUrl}/logo-512x512.png`}`} />
<meta property='og:image:type' content={imageMime ? imageMime : 'image/png'} />
<meta property='og:image:width' content={imageWidth ? imageWidth : '512'} />
<meta property='og:image:height' content={imageHeight ? imageHeight : '512'} />
<meta property='og:image:alt' content={`${title && imageUrl ? title : 'PAWÒL-NU Logo'} | PAWÒL-NU. Paroles et traductions.`} />
<meta property='og:image:alt' content={`${title && imageUrl ? title : `${siteName} Logo`} | ${siteName}`} />
</Head>
<Navigasyon selectedTab={tab} />
{children}
components/rezo/rezo-dialog.js
+1 -1
View File
@@ -70,7 +70,7 @@ export default function RezoDialog() {
onClose={handleClose}
>
<BootstrapDialogTitle id='rézo-dialog' onClose={handleClose}>
OKI sur le <strong>Fédiverse</strong>
{process.env.NEXT_PUBLIC_ORG_NAME || 'OKI'} sur le <strong>Fédiverse</strong>
</BootstrapDialogTitle>
<DialogContent>
<Box>
components/soutyen/presantasyon.js
+1 -1
View File
@@ -56,7 +56,7 @@ export default function Presantasyon() {
</ListItem>
</List>
<Typography paragraph='true' variant='subtitle1' component='div'>
Pour toute question, n’hésitez pas à nous contacter par courriel <Link href='mailto:kontak@o-k-i.net'><strong>kontak@o-k-i.net</strong></Link>.
Pour toute question, n’hésitez pas à nous contacter par courriel <Link href={`mailto:${process.env.NEXT_PUBLIC_ORG_EMAIL || 'kontak@o-k-i.net'}`}><strong>{process.env.NEXT_PUBLIC_ORG_EMAIL || 'kontak@o-k-i.net'}</strong></Link>.
</Typography>
<Typography paragraph='true' variant='subtitle1' component='div'>
<strong>Merci par avance pour votre soutien 🥰</strong>