mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
4d8442af58
This PR updates the with-styled-jsx 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. - Updated the `package.json` file. 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]>
26 lines
475 B
TypeScript
26 lines
475 B
TypeScript
"use client";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div className="hello">
|
|
<p>Hello World</p>
|
|
|
|
<style jsx>{`
|
|
.hello {
|
|
font:
|
|
15px Helvetica,
|
|
Arial,
|
|
sans-serif;
|
|
background: #eee;
|
|
padding: 100px;
|
|
text-align: center;
|
|
transition: 100ms ease-in background;
|
|
}
|
|
.hello:hover {
|
|
background: #ccc;
|
|
}
|
|
`}</style>
|
|
</div>
|
|
);
|
|
}
|