The source code for our eny.social landing page, which is mirrored in a different repository as part of the CI setup.
eny.social
social-network
eny
local-first
feat(metadata): centralize site copy and add dynamic social share images
+118
-6
+2
-3
app/components/Hero.tsx
+2
-3
app/components/Hero.tsx
···
1
1
"use client";
2
2
3
+
import { siteTagline } from "@/lib/site";
3
4
import { useState, useEffect } from "react";
4
5
import Image from "next/image";
5
6
import GrainedBlob from "./GrainedBlob";
···
157
158
{/* Sub-heading + body */}
158
159
<div className="lg:col-span-5 lg:pl-[calc(100%/5)]">
159
160
<FadeIn delay={500}>
160
-
<h2 className="mb-3">
161
-
A social network that belongs to the people.
162
-
</h2>
161
+
<h2 className="mb-3">{siteTagline}.</h2>
163
162
</FadeIn>
164
163
<FadeIn delay={600}>
165
164
<p className="section-copy lg:pl-[calc(100%/4)] text-right">
+13
-3
app/layout.tsx
+13
-3
app/layout.tsx
···
1
1
import type { Metadata } from "next";
2
+
import { siteDescription, siteTitle } from "@/lib/site";
2
3
import { Instrument_Serif, Instrument_Sans } from "next/font/google";
3
4
import { Analytics } from "@vercel/analytics/next";
4
5
import { SpeedInsights } from "@vercel/speed-insights/next";
···
17
18
weight: ["400", "500", "600", "700"],
18
19
});
19
20
21
+
/** Canonical site for metadata (OG, etc.). Override via NEXT_PUBLIC_SITE_URL if needed. */
22
+
const siteUrl =
23
+
process.env.NEXT_PUBLIC_SITE_URL ??
24
+
(process.env.VERCEL_URL
25
+
? process.env.VERCEL_ENV === "production"
26
+
? "https://eny.social"
27
+
: `https://${process.env.VERCEL_URL}`
28
+
: "http://localhost:3000");
29
+
20
30
export const metadata: Metadata = {
21
-
title: "eny.social — A social network that belongs to the people",
22
-
description:
23
-
"No algorithms shaping your reality. Decentralized. Built and hosted in Europe. Starting in Offenbach.",
31
+
metadataBase: new URL(siteUrl),
32
+
title: siteTitle,
33
+
description: siteDescription,
24
34
};
25
35
26
36
export default function RootLayout({
+6
app/opengraph-image.tsx
+6
app/opengraph-image.tsx
+6
app/twitter-image.tsx
+6
app/twitter-image.tsx
+10
lib/site.ts
+10
lib/site.ts
···
1
+
/** Site copy shared by layout metadata, OG image, and pages. */
2
+
3
+
export const siteName = "eny.social";
4
+
5
+
export const siteTagline = "A social network that belongs to the people";
6
+
7
+
export const siteDescription =
8
+
"No algorithms shaping your reality. Decentralized. Built and hosted in Europe. Starting in Offenbach.";
9
+
10
+
export const siteTitle = `${siteName} — ${siteTagline}`;