afiqzudinhadi/ecommerce-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: update imports in pages

Browse source
This commit is contained in:
afiqzudinhadi 2025-06-20 17:46:58 +08:00
parent 392fc86ba8
commit 17ab887795
3 changed files with 81 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

16
apps/next-template/src/app/layout.tsx
View file

@ -1,13 +1,15 @@
import "./styles.css"; import "./styles.css";
// import "@repo/ui/globals.css";
import "@repo/ui/globals.css";
export default function RootLayout({ export default function RootLayout({
children, children,
}: { }: {
children: React.ReactNode; children: React.ReactNode;
}) { }) {
return ( return (
<html lang="en"> <html lang="en">
<body>{children}</body> <body>{children}</body>
</html> </html>
); );
} }

46
apps/next-template/src/app/page.tsx
View file

@ -1,31 +1,31 @@
import { log } from "@repo/logger"; import { log } from "@repo/logger";
import { Link } from "@repo/ui/link"; import { Link } from "@repo/ui/link/index.js";
import { CounterButton } from "@repo/ui/counter-button"; import { CounterButton } from "@repo/ui/counter-button/index.js";
export const metadata = { export const metadata = {
title: "Store | Kitchen Sink", title: "Store | Kitchen Sink",
}; };
export default function Store() { export default function Store() {
log("Hey! This is the Store page."); log("Hey! This is the Store page.");
return ( return (
<div className="container"> <div className="container">
<h1 className="title"> <h1 className="title">
Store <br /> Store <br />
<span>Kitchen Sink</span> <span>Kitchen Sink</span>
</h1> </h1>
<CounterButton /> <CounterButton />
<p className="description"> <p className="description">
Built With{" "} Built With{" "}
<Link href="https://turborepo.com" newTab> <Link href="https://turborepo.com" newTab>
Turborepo Turborepo
</Link> </Link>
{" & "} {" & "}
<Link href="https://nextjs.org/" newTab> <Link href="https://nextjs.org/" newTab>
Next.js Next.js
</Link> </Link>
</p> </p>
</div> </div>
); );
} }

49
apps/next-template/src/app/shadcn/page.tsx Normal file
View file

@ -0,0 +1,49 @@
import { Button } from "@repo/ui/components/button.js";
import {
Card,
CardContent,
CardHeader,
CardTitle,
} from "@repo/ui/components/card.js";
export default function HomePage() {
return (
<main className="flex flex-col items-center justify-center min-h-screen bg-gray-50">
<Card className="w-full max-w-md shadow-lg">
<CardHeader>
<CardTitle className="text-3xl font-bold text-center">
Welcome to the Next.js Homepage
</CardTitle>
</CardHeader>
<CardContent className="flex flex-col items-center gap-6">
<p className="text-gray-600 text-center">
This homepage uses{" "}
<span className="font-semibold">shadcn/ui</span>{" "}
components from{" "}
<span className="font-mono">@repo/ui</span>.
</p>
<div className="flex gap-4">
<Button asChild>
<a
href="https://nextjs.org/"
target="_blank"
rel="noopener noreferrer"
>
Learn Next.js
</a>
</Button>
<Button variant="outline" asChild>
<a
href="https://ui.shadcn.com/"
target="_blank"
rel="noopener noreferrer"
>
Explore shadcn/ui
</a>
</Button>
</div>
</CardContent>
</Card>
</main>
);
}