26th-Web-Team-1-FE/src/app/layout.tsx at b274aeda9d9fc6b97d2d87614612bd5ce1ae9500 · YAPP-Github/26th-Web-Team-1-FE · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import "@/styles/reset.css";
import "slick-carousel/slick/slick.css";
import "slick-carousel/slick/slick-theme.css";

import type { Metadata } from "next";

import { RegisterServiceWorkerClient } from "@/lib/pwa";
import { MSWProvider, QueryProvider } from "@/providers";
import { pretendard } from "@/styles/pretendard";

import * as styles from "./layout.css";
import { UploadProvider } from "./story/register/_contexts";

export const metadata: Metadata = {
  title: "Eat-da",
  description: "Generated by create next app",
};

if (
  process.env.NEXT_RUNTIME === "nodejs" &&
  process.env.MOCKING_ENABLED === "true"
) {
  const { server } = await import("@/mocks/server");
  console.info("🔥 [MSW] Server-side mocking enabled");
  server.listen();
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang='en' className={pretendard.className}>
      <body className={styles.body}>
        <div className={styles.wrapper}>
          <RegisterServiceWorkerClient />
          <QueryProvider>
            <MSWProvider>
              <UploadProvider>{children}</UploadProvider>
            </MSWProvider>
          </QueryProvider>
        </div>
      </body>
    </html>
  );
}