feat(01-01): Next.js 15 project with Docker Compose dev environment

- Next.js 15 with App Router, TypeScript, Tailwind CSS (v4), ESLint - docker-compose.yml with PostgreSQL 16, Redis 7, and app service - Dockerfile (Node 20 alpine) for containerized development - .env and .env.example with DATABASE_URL, DATABASE_URL_LOCAL, REDIS_URL - src/app/page.tsx updated to render NetForge heading - All three services start healthy with docker compose up -d
2026-03-04 18:24:59 +08:00
parent 7e6d286fca
commit 90bc5836fd
21 changed files with 6918 additions and 0 deletions
--- a/src/app/favicon.ico
+++ b/src/app/favicon.ico
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -0,0 +1,26 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #0a0a0a;
+    --foreground: #ededed;
+  }
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: Arial, Helvetica, sans-serif;
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -0,0 +1,34 @@
+import type { Metadata } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+  variable: "--font-geist-sans",
+  subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+  variable: "--font-geist-mono",
+  subsets: ["latin"],
+});
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body
+        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+      >
+        {children}
+      </body>
+    </html>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -0,0 +1,14 @@
+export default function Home() {
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-zinc-50 dark:bg-zinc-950">
+      <main className="flex flex-col items-center gap-4 text-center">
+        <h1 className="text-5xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50">
+          NetForge
+        </h1>
+        <p className="text-lg text-zinc-500 dark:text-zinc-400">
+          ISP Management Platform
+        </p>
+      </main>
+    </div>
+  );
+}