xevion/xevion.dev
1
0
Fork 0
mirror of https://github.com/Xevion/xevion.dev.git synced 2025-12-06 01:16:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

OVERRIDE_TITLE env

Browse Source
This commit is contained in:
Xevion
2024-12-29 16:43:54 -06:00
parent 692df157a1
commit 6f13f7814c
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/env/schema.mjs vendored
View File

@@ -7,6 +7,10 @@ import { z } from "zod";
*/ */
export const serverSchema = z.object({ export const serverSchema = z.object({
DIRECTUS_REVALIDATE_KEY: z.string(), DIRECTUS_REVALIDATE_KEY: z.string(),
OVERRIDE_TITLE: z.preprocess((v) => {
if (v === undefined || v === "") return null;
return v;
}, z.string().nullable()),
NODE_ENV: z.enum(["development", "test", "production"]), NODE_ENV: z.enum(["development", "test", "production"]),
}); });

11
src/pages/index.tsx
View File

@@ -1,4 +1,5 @@
import AppWrapper from "@/components/AppWrapper"; import AppWrapper from "@/components/AppWrapper";
import { env } from "@/env/server.mjs";
import directus from "@/utils/directus"; import directus from "@/utils/directus";
import { readSingleton } from "@directus/sdk"; import { readSingleton } from "@directus/sdk";
import { GetStaticPropsResult, type NextPage } from "next"; import { GetStaticPropsResult, type NextPage } from "next";
@@ -7,6 +8,7 @@ import Link from "next/link";
import Balancer from "react-wrap-balancer"; import Balancer from "react-wrap-balancer";
type IndexProps = { type IndexProps = {
title: string | null;
tagline: string; tagline: string;
buttons: { text: string; href: string }[]; buttons: { text: string; href: string }[];
}; };
@@ -23,6 +25,7 @@ export async function getStaticProps(): Promise<
return { return {
props: { props: {
tagline: metadata.tagline, tagline: metadata.tagline,
title: env.OVERRIDE_TITLE,
buttons: [ buttons: [
{ text: "GitHub", href: "https://github.com/Xevion" }, { text: "GitHub", href: "https://github.com/Xevion" },
{ text: "Projects", href: "/projects" }, { text: "Projects", href: "/projects" },
@@ -35,7 +38,11 @@ export async function getStaticProps(): Promise<
}; };
} }
const Home: NextPage<IndexProps> = ({ tagline, buttons }: IndexProps) => { const Home: NextPage<IndexProps> = ({
title,
tagline,
buttons,
}: IndexProps) => {
return ( return (
<> <>
<Head> <Head>
@@ -61,7 +68,7 @@ const Home: NextPage<IndexProps> = ({ tagline, buttons }: IndexProps) => {
</nav> </nav>
<div className="animate-glow hidden h-px w-screen animate-fade-left bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" /> <div className="animate-glow hidden h-px w-screen animate-fade-left bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" />
<h1 className="text-edge-outline font-display z-10 my-3.5 animate-title whitespace-nowrap bg-white bg-clip-text font-hanken text-5xl uppercase text-transparent drop-shadow-extreme duration-1000 sm:text-6xl md:text-9xl lg:text-10xl"> <h1 className="text-edge-outline font-display z-10 my-3.5 animate-title whitespace-nowrap bg-white bg-clip-text font-hanken text-5xl uppercase text-transparent drop-shadow-extreme duration-1000 sm:text-6xl md:text-9xl lg:text-10xl">
<span className="select-none">Xevion</span> <span className="select-none">{title ?? "Xevion"}</span>
</h1> </h1>
<div className="animate-glow hidden h-px w-screen animate-fade-right bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" /> <div className="animate-glow hidden h-px w-screen animate-fade-right bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0 md:block" />
<div className="max-w-screen-sm animate-fade-in text-center text-sm text-zinc-500 sm:text-base"> <div className="max-w-screen-sm animate-fade-in text-center text-sm text-zinc-500 sm:text-base">