cmdk/website/pages/_app.tsx at 8d10d8b8e871c4c57e538bd04edce4e16c696bd9 · dip/cmdk · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
import 'styles/globals.scss'

import 'styles/cmdk/vercel.scss'
import 'styles/cmdk/linear.scss'
import 'styles/cmdk/raycast.scss'
import 'styles/cmdk/raycast-grid.scss'
import 'styles/cmdk/framer.scss'

import type { AppProps } from 'next/app'
import { ThemeProvider } from 'next-themes'
import { NextSeo } from 'next-seo'
import Head from 'next/head'

const title = '⌘K'
const description = 'Fast, composable, unstyled command menu for React'
const siteUrl = 'https://cmdk.paco.me'

export default function App({ Component, pageProps }: AppProps) {
  return (
    <>
      <Head>
        <link rel="shortcut icon" href="/favicon.svg" />
        <meta name="twitter:card" content="summary_large_image" />
      </Head>
      <NextSeo
        title={`${description} — ${title}`}
        description={description}
        openGraph={{
          type: 'website',
          url: siteUrl,
          title,
          description: description + '.',
          images: [
            {
              url: `${siteUrl}/og.png`,
              alt: title,
            },
          ],
        }}
      />
      <ThemeProvider disableTransitionOnChange attribute="class">
        <Component {...pageProps} />
      </ThemeProvider>
    </>
  )
}