feat(chapter3): replicate styled Next.js app setup

Add the App Router page group, nested layouts, Tailwind and shadcn styling, shared header components, local fonts and backgrounds, Ant Design demo support, and compatible lint scripts and dependencies.
2026-08-30 16:29:58 +08:00
parent 65805be81d
commit f6d90efb0a
40 changed files with 16674 additions and 1879 deletions
@@ -0,0 +1,22 @@
+// src/app/(pages)/page.tsx
+import { FC } from 'react';
+
+import { ArrowBigRight } from 'lucide-react';
+import Link from 'next/link';
+
+import $styles from './page.module.css';
+import { Button } from '../_components/shadcn/ui/button';
+
+const App: FC = () => (
+    <main className={$styles.container}>
+         <div className={$styles.block}>
+            欢迎来到3R教室，这是Nextjs课程的开始
+            <Button asChild>
+                    <Link href="https://3rcd.com" target="_blank">
+                        <ArrowBigRight /> 查看官网
+                    </Link>
+            </Button>
+        </div>
+    </main>
+);
+export default App;