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,20 @@
+// src/app/_components/header/logo.tsx
+import Image from 'next/image';
+import Link from 'next/link';
+
+import Avatar from './avatar.svg';
+import $styles from './logo.module.css';
+
+export const HeaderLogo = () => (
+    <Link href="/" className={$styles.link}>
+        <Image
+            src={Avatar}
+            alt="avatar logo"
+            sizes="100vw"
+            style={{
+                width: '100%',
+                height: 'auto',
+            }}
+        />
+    </Link>
+);