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

Switch to .env, use multiple projects

Browse Source
This commit is contained in:
Xevion
2024-12-29 17:00:12 -06:00
parent 4141af5406
commit 85fb7781fd
2 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/env/schema.mjs vendored
View File

@@ -8,6 +8,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(),
NODE_ENV: z.enum(["development", "test", "production"]), NODE_ENV: z.enum(["development", "test", "production"]),
TITLE: z.preprocess((value) => {
if (value === undefined || value === "") return null;
return value;
}, z.string().nullable()),
}); });
/** /**

20
src/pages/index.tsx
View File

@@ -1,13 +1,14 @@
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";
import Head from "next/head"; import Head from "next/head";
import Link from "next/link"; import Link from "next/link";
import { useEffect, useState } from "react";
import Balancer from "react-wrap-balancer"; import Balancer from "react-wrap-balancer";
type IndexProps = { type IndexProps = {
title: string;
tagline: string; tagline: string;
buttons: { text: string; href: string }[]; buttons: { text: string; href: string }[];
}; };
@@ -23,6 +24,7 @@ export async function getStaticProps(): Promise<
return { return {
props: { props: {
title: env.TITLE ?? "Xevion",
tagline: metadata.tagline, tagline: metadata.tagline,
buttons: [ buttons: [
{ text: "GitHub", href: "https://github.com/Xevion" }, { text: "GitHub", href: "https://github.com/Xevion" },
@@ -36,15 +38,11 @@ export async function getStaticProps(): Promise<
}; };
} }
const Home: NextPage<IndexProps> = ({ tagline, buttons }: IndexProps) => { const Home: NextPage<IndexProps> = ({
const [isWalters, setIsWalters] = useState(false); title,
useEffect(() => { tagline,
// Check if URL contains "walters.to" buttons,
if (location.href.includes("walters.to")) { }: IndexProps) => {
setIsWalters(true);
}
}, []);
return ( return (
<> <>
<Head> <Head>
@@ -70,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">
{isWalters ? "Walters" : "Xevion"} {title}
</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">