feat: initialize project with Tailwind CSS, TypeScript, and basic layout

- Add globals.css to import Tailwind CSS styles - Create layout.tsx for the root layout with metadata and font integration - Implement Header component with title and subtitle - Set up tsconfig.json for TypeScript configuration
2026-07-26 23:21:35 +00:00 · 2026-05-26 08:41:56 +09:00
commit dcf4255535
20 changed files with 1382 additions and 0 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -0,0 +1,33 @@
+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: "tuna2134",
+    description: "tuna2134 personal website",
+};
+
+export default function RootLayout({
+    children,
+}: Readonly<{
+    children: React.ReactNode;
+}>) {
+    return (
+        <html
+            lang="ja"
+            className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+        >
+            <body className="min-h-full flex flex-col bg-black text-white">{children}</body>
+        </html>
+    );
+}