chore(01-01): bootstrap Next.js 16 with TypeScript, App Router, Tailwind CSS v4

- Created Next.js 16.2.6 project with App Router, src/ directory, TypeScript strict mode - Configured Tailwind CSS v4 with postcss.config.mjs - Simplified src/app/page.tsx to Welcome to ClientHub placeholder - Updated layout.tsx with ClientHub metadata, Italian lang, viewport export (Next.js 16 API) - Added .gitignore covering node_modules, .env*, .next/, build artifacts Note: create-next-app installed Next.js 16.2.6 (latest stable) instead of 15.x — fully compatible upgrade
2026-05-13 15:28:58 +02:00
parent 2123dc9d00
commit 9563b87c81
16 changed files with 6902 additions and 0 deletions
@@ -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;
+}
@@ -0,0 +1,40 @@
+import type { Metadata, Viewport } 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: "ClientHub — iamcavalli",
+  description: "Portale clienti per consulente di personal branding",
+};
+
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html
+      lang="it"
+      className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+    >
+      <body className="min-h-full flex flex-col bg-white text-zinc-900">
+        {children}
+      </body>
+    </html>
+  );
+}
@@ -0,0 +1,5 @@
+export default function Home() {
+  return (
+    <div className="text-center py-20">Welcome to ClientHub</div>
+  );
+}