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

use serverside props for index

Browse Source
This commit is contained in:
Xevion
2024-12-18 14:59:43 -06:00
parent 255b7067f3
commit 03cf3439e7
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/index.tsx
View File

@@ -13,12 +13,12 @@ import type { Project } from "../utils/types";
type ProjectWithBlur = Project & { bannerBlur: string }; type ProjectWithBlur = Project & { bannerBlur: string };
type HomeStaticProps = { type Props = {
tagline: string; tagline: string;
projects: ProjectWithBlur[]; projects: ProjectWithBlur[];
}; };
export async function getStaticProps() { export async function getServerSideProps(): Promise<{ props: Props }> {
const metadata = await directus.request(readSingleton("metadata")); const metadata = await directus.request(readSingleton("metadata"));
const projects: Project[] = [ const projects: Project[] = [
@@ -118,10 +118,7 @@ const buttons = [
{ text: "Resume", href: "/resume" }, { text: "Resume", href: "/resume" },
]; ];
const Home: NextPage<HomeStaticProps> = ({ const Home: NextPage<Props> = ({ tagline, projects }: Props) => {
tagline,
projects,
}: HomeStaticProps) => {
const useLong = useBreakpointValue("sm", true, false); const useLong = useBreakpointValue("sm", true, false);
// use-tailwind-breakpoint // use-tailwind-breakpoint