spaCy/website/pages/_app.tsx

34 lines
1.5 KiB
TypeScript

import '../src/styles/layout.sass'
import '../src/styles/search.sass'
import type { AppProps } from 'next/app'
import Head from 'next/head'
import PlausibleProvider from 'next-plausible'
import { MDXProvider } from '@mdx-js/react'
import { remarkComponents } from '../src/remark'
import { domain } from '../meta/dynamicMeta.mjs'
export default function App({ Component, pageProps }: AppProps) {
return (
<PlausibleProvider domain={domain} enabled>
<Head>
<link rel="sitemap" type="application/xml" href="/sitemap.xml" />
<link rel="shortcut icon" href="/icons/icon-192x192.png" />
<link rel="manifest" href="/manifest.webmanifest" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=5.0, shrink-to-fit=no, viewport-fit=cover"
/>
<meta name="theme-color" content="#09a3d5" />
<link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png" />
<link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png" />
<link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png" />
<link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png" />
</Head>
<MDXProvider components={remarkComponents}>
<Component {...pageProps} />
</MDXProvider>
</PlausibleProvider>
)
}