AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: add basic layout

Browse Source
This commit is contained in:
Mathias Schopmans
2024-02-12 14:41:29 +01:00
committed by Mathias Schopmans
parent f3979f2a2f
commit 57cdb91ec7
25 changed files with 2176 additions and 430 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/_app.tsx
View File

@@ -1,7 +1,21 @@
import { NextPage } from "next";
import type { AppProps } from "next/app";
import { Layout, type LayoutClass } from "@/components/Layout/Layout";
import "@/styles/globals.css";
export default function App({ Component, pageProps }: AppProps) {
return <Component {...pageProps} />;
export type CustomPage<P = {}, IP = P> = NextPage<P, IP> & {
layoutClass?: LayoutClass;
};
type CustomAppProps = AppProps & {
Component: CustomPage;
};
export default function App({ Component, pageProps, router }: CustomAppProps) {
return (
<Layout layoutClass={Component.layoutClass}>
<Component {...pageProps} key={router.asPath} />
</Layout>
);
}

13
src/pages/api/hello.ts
View File

@@ -1,13 +0,0 @@
// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import type { NextApiRequest, NextApiResponse } from "next";
type Data = {
name: string;
};
export default function handler(
req: NextApiRequest,
res: NextApiResponse<Data>,
) {
res.status(200).json({ name: "John Doe" });
}

19
src/pages/help-and-about-tech-radar.tsx Normal file
View File

@@ -0,0 +1,19 @@
import Head from "next/head";
import { CustomPage } from "@/pages/_app";
const HelpAndAbout: CustomPage = () => {
return (
<>
<Head>
<title>Help and About</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
</Head>
<h1>Help and about</h1>
</>
);
};
export default HelpAndAbout;

107
src/pages/index.tsx
View File

@@ -1,12 +1,8 @@
import { Inter } from "next/font/google";
import Head from "next/head";
import Image from "next/image";
import styles from "@/styles/Home.module.css";
import { CustomPage } from "@/pages/_app";
const inter = Inter({ subsets: ["latin"] });
export default function Home() {
const Home: CustomPage = () => {
return (
<>
<Head>
@@ -15,101 +11,10 @@ export default function Home() {
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
</Head>
<main className={`${styles.main} ${inter.className}`}>
<div className={styles.description}>
<p>
Get started by editing&nbsp;
<code className={styles.code}>src/pages/index.tsx</code>
</p>
<div>
<a
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
target="_blank"
rel="noopener noreferrer"
>
By{" "}
<Image
src="/vercel.svg"
alt="Vercel Logo"
className={styles.vercelLogo}
width={100}
height={24}
priority
/>
</a>
</div>
</div>
<div className={styles.center}>
<Image
className={styles.logo}
src="/next.svg"
alt="Next.js Logo"
width={180}
height={37}
priority
/>
</div>
<div className={styles.grid}>
<a
href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
className={styles.card}
target="_blank"
rel="noopener noreferrer"
>
<h2>
Docs <span>-&gt;</span>
</h2>
<p>
Find in-depth information about Next.js features and&nbsp;API.
</p>
</a>
<a
href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
className={styles.card}
target="_blank"
rel="noopener noreferrer"
>
<h2>
Learn <span>-&gt;</span>
</h2>
<p>
Learn about Next.js in an interactive course with&nbsp;quizzes!
</p>
</a>
<a
href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
className={styles.card}
target="_blank"
rel="noopener noreferrer"
>
<h2>
Templates <span>-&gt;</span>
</h2>
<p>
Discover and deploy boilerplate example Next.js&nbsp;projects.
</p>
</a>
<a
href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
className={styles.card}
target="_blank"
rel="noopener noreferrer"
>
<h2>
Deploy <span>-&gt;</span>
</h2>
<p>
Instantly deploy your Next.js site to a shareable URL
with&nbsp;Vercel.
</p>
</a>
</div>
</main>
<h1>Hello world.</h1>
</>
);
}
};
export default Home;