chore: change app to use a layout

I can now insert header/footer on each pages.

1 files changed, 11 insertions, 0 deletions

diff --git a/src/ts/types/app.ts b/src/ts/types/app.ts
new file mode 100644
index 0000000..b663812
--- /dev/null
+++ b/src/ts/types/app.ts
@@ -0,0 +1,11 @@
+import { NextPage } from 'next';
+import { AppProps } from 'next/app';
+import { ReactElement, ReactNode } from 'react';
+
+export type NextPageWithLayout = NextPage & {
+  getLayout?: (page: ReactElement) => ReactNode;
+};
+
+export type AppPropsWithLayout = AppProps & {
+  Component: NextPageWithLayout;
+};