rsnext/examples/with-xata/pages/_app.tsx
Steven 4466ba436b
chore(examples): use default prettier for examples/templates (#60530)
## Description
This PR ensures that the default prettier config is used for examples
and templates.

This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).

## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)

## Related

- Fixes #54402
- Closes #54409
2024-01-11 16:01:44 -07:00

62 lines
1.7 KiB
TypeScript

import type { AppProps } from "next/app";
import Head from "next/head";
import "../styles/root.css";
const metas = {
title: "Next.js with-xata",
description: "Run Next.js with Xata with this awesome template",
image:
process.env.NODE_ENV === "development"
? "http://localhost:3000/og.jpg"
: "https://nextjs-with-xata.vercel.app/og.jpg",
};
export default function App({ Component, pageProps }: AppProps) {
return (
<>
<Head>
<title>{metas.title}</title>
<meta property="og:title" content={metas.title} key="og:title" />
<meta property="og:image" content={metas.image} key="og:image" />
<meta
property="description"
content={metas.description}
key="description"
/>
<meta
property="og:description"
content={metas.description}
key="og:description"
/>
<meta property="og:type" content="website" />
<meta property="twitter:card" content="summary_large_image" />
<meta
property="twitter:title"
content={metas.title}
key="twitter:title"
/>
<meta
property="twitter:description"
content={metas.description}
key="twitter:description"
/>
<meta
property="twitter:image"
content={metas.image}
key="twitter:image"
/>
<meta
name="theme-color"
content="#000"
media="(prefers-color-scheme: dark)"
/>
<meta
name="theme-color"
content="#fff"
media="(prefers-color-scheme: light)"
/>
</Head>
<Component {...pageProps} />
</>
);
}