2023-09-01 11:12:30 +00:00
|
|
|
import type { AppProps } from "next/app";
|
2024-03-19 14:38:35 +00:00
|
|
|
import Head from "next/head";
|
2023-09-01 11:12:30 +00:00
|
|
|
import { ThemeProvider } from "next-themes";
|
2023-08-21 07:13:41 +00:00
|
|
|
// styles
|
2024-03-19 14:38:35 +00:00
|
|
|
import "@/styles/globals.css";
|
2023-09-01 11:12:30 +00:00
|
|
|
// contexts
|
2024-03-19 14:38:35 +00:00
|
|
|
import { SITE_NAME, SITE_DESCRIPTION, SITE_URL, TWITTER_USER_NAME, SITE_KEYWORDS, SITE_TITLE } from "@/constants/seo";
|
|
|
|
|
import { ToastContextProvider } from "@/contexts/toast.context";
|
2023-09-01 11:12:30 +00:00
|
|
|
// mobx store provider
|
2024-03-19 14:38:35 +00:00
|
|
|
import MobxStoreInit from "@/lib/mobx/store-init";
|
|
|
|
|
import { MobxStoreProvider } from "@/lib/mobx/store-provider";
|
2023-09-01 11:12:30 +00:00
|
|
|
// constants
|
2023-08-21 07:13:41 +00:00
|
|
|
|
2023-09-04 11:04:53 +00:00
|
|
|
const prefix = parseInt(process.env.NEXT_PUBLIC_DEPLOY_WITH_NGINX || "0") === 0 ? "/" : "/spaces/";
|
|
|
|
|
|
2023-08-21 07:13:41 +00:00
|
|
|
function MyApp({ Component, pageProps }: AppProps) {
|
2023-09-01 11:12:30 +00:00
|
|
|
return (
|
|
|
|
|
<MobxStoreProvider>
|
|
|
|
|
<MobxStoreInit />
|
|
|
|
|
<Head>
|
|
|
|
|
<title>{SITE_TITLE}</title>
|
|
|
|
|
<meta property="og:site_name" content={SITE_NAME} />
|
|
|
|
|
<meta property="og:title" content={SITE_TITLE} />
|
|
|
|
|
<meta property="og:url" content={SITE_URL} />
|
|
|
|
|
<meta name="description" content={SITE_DESCRIPTION} />
|
|
|
|
|
<meta property="og:description" content={SITE_DESCRIPTION} />
|
|
|
|
|
<meta name="keywords" content={SITE_KEYWORDS} />
|
|
|
|
|
<meta name="twitter:site" content={`@${TWITTER_USER_NAME}`} />
|
2023-09-04 11:04:53 +00:00
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href={`${prefix}favicon/apple-touch-icon.png`} />
|
|
|
|
|
<link rel="icon" type="image/png" sizes="32x32" href={`${prefix}favicon/favicon-32x32.png`} />
|
|
|
|
|
<link rel="icon" type="image/png" sizes="16x16" href={`${prefix}favicon/favicon-16x16.png`} />
|
|
|
|
|
<link rel="manifest" href={`${prefix}site.webmanifest.json`} />
|
|
|
|
|
<link rel="shortcut icon" href={`${prefix}favicon/favicon.ico`} />
|
2023-09-01 11:12:30 +00:00
|
|
|
</Head>
|
|
|
|
|
<ToastContextProvider>
|
|
|
|
|
<ThemeProvider themes={["light", "dark"]} defaultTheme="system" enableSystem>
|
|
|
|
|
<Component {...pageProps} />
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
</ToastContextProvider>
|
|
|
|
|
</MobxStoreProvider>
|
|
|
|
|
);
|
2023-08-21 07:13:41 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default MyApp;
|
