mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
89c6e205e9
This PR updates the with-stitches example to use the App Router. Here are the changes that have been made: - Renamed the `pages` folder to the` app` folder. - Added the ` layout.tsx ` file as part of the App Router. - Converted the `index.tsx` to ` page.tsx ` file as part of the App Router. - Updated the `package.json` file. - Moved the `components` folder inside `app` folder. The following actions were performed as part of this PR: - Ran `pnpm prettier-check` with no issues found. - Executed the `pnpm check-examples` script. **CC:** @samcx --------- Co-authored-by: samcx <[email protected]>
25 lines
452 B
TypeScript
25 lines
452 B
TypeScript
import React from "react";
|
|
import { getCssText } from "../stitches.config";
|
|
|
|
export const metadata = {
|
|
title: "Use Stitches with Next.js",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="en">
|
|
<head>
|
|
<style
|
|
id="stitches"
|
|
dangerouslySetInnerHTML={{ __html: getCssText() }}
|
|
/>
|
|
</head>
|
|
<body>{children}</body>
|
|
</html>
|
|
);
|
|
}
|