app shell

This commit is contained in:
Timur Ercan
2022-12-06 14:51:03 +01:00
parent f850729356
commit 2c400576b4
13 changed files with 5518 additions and 169 deletions

View File

@ -1,3 +1,4 @@
import "../styles/tailwind.css";
import { ReactElement, ReactNode } from "react";
import type { AppProps } from "next/app";
import { NextPage } from "next";

View File

@ -0,0 +1,21 @@
import { Head, Html, Main, NextScript } from "next/document";
import Script from "next/script";
export default function Document(props) {
let pageProps = props.__NEXT_DATA__?.props?.pageProps;
return (
<Html
className="h-full scroll-smooth bg-white font-normal antialiased"
lang="en"
>
<Head>
<meta name="color-scheme"></meta>
</Head>
<body className="flex h-full flex-col">
<Main />
<NextScript />
</body>
</Html>
);
}

View File

@ -3,7 +3,7 @@ import Layout from "../components/layout";
import type { NextPageWithLayout } from "./_app";
const Page: NextPageWithLayout = () => {
return <p>hello world</p>;
return <p className="text-red-900">This is the index page</p>;
};
Page.getLayout = function getLayout(page: ReactElement) {