시스템을 추구하는 것은 나쁜걸까?

2025-10-29 21:34:05 +09:00 · 2025-10-29 21:34:05 +09:00 · d6456466c6
commit d6456466c6
parent fc8ecb6b0d
2 changed files with 23 additions and 2 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -1,4 +1,6 @@
 import type { Metadata } from "next";
+import { ThemeProvider } from "@/components/theme-provider"
+
 import "./globals.css";

 export const metadata: Metadata = {
@ -12,9 +14,17 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="ko">
+    <html lang="en" suppressHydrationWarning>
+      <head />
      <body className="antialiased">
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
          {children}
+        </ThemeProvider>
      </body>
    </html>
  );
--- a/src/components/theme-provider.tsx
+++ b/src/components/theme-provider.tsx
@ -0,0 +1,11 @@
+"use client"
+
+import * as React from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+
+export function ThemeProvider({
+  children,
+  ...props
+}: React.ComponentProps<typeof NextThemesProvider>) {
+  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+}