a4db3a149d
ViewTransitions was wrapping the html element, which violates Next.js App Router requirement that html and body be returned directly from root layout. This caused prerendering of /404 to fail with Html import error. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
124 lines
3.3 KiB
TypeScript
124 lines
3.3 KiB
TypeScript
import "@mantine/core/styles.css";
|
|
import "./globals.css"; // Sisanya import di globals.css
|
|
|
|
import LoadDataFirstClient from "@/app/darmasaba/_com/LoadDataFirstClient";
|
|
import { MusicProvider } from "@/app/context/MusicContext";
|
|
import {
|
|
ColorSchemeScript,
|
|
MantineProvider,
|
|
createTheme,
|
|
mantineHtmlProps,
|
|
// mantineHtmlProps,
|
|
} from "@mantine/core";
|
|
import { Metadata, Viewport } from "next";
|
|
import { ViewTransitions } from "next-view-transitions";
|
|
import { ToastContainer } from "react-toastify";
|
|
|
|
// Force dynamic rendering untuk menghindari error prerendering
|
|
export const dynamic = 'force-dynamic';
|
|
|
|
// ✅ Pisahkan viewport ke export tersendiri
|
|
export const viewport: Viewport = {
|
|
width: "device-width",
|
|
initialScale: 1,
|
|
maximumScale: 5,
|
|
};
|
|
|
|
|
|
export const metadata: Metadata = {
|
|
// ✅ Tambahkan metadataBase
|
|
metadataBase: new URL("https://cld-dkr-staging-desa-darmasaba.wibudev.com"),
|
|
|
|
title: {
|
|
default: "Desa Darmasaba",
|
|
template: "%s | Desa Darmasaba",
|
|
},
|
|
description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali. Informasi layanan publik, berita, dan profil desa.",
|
|
// ❌ HAPUS viewport dari sini
|
|
keywords: [
|
|
"desa darmasaba",
|
|
"darmasaba",
|
|
"badung",
|
|
"bali",
|
|
"desa",
|
|
"pemerintah desa",
|
|
"layanan publik",
|
|
"abang batan desa",
|
|
],
|
|
authors: [{ name: "Pemerintah Desa Darmasaba" }],
|
|
creator: "Desa Darmasaba",
|
|
publisher: "Desa Darmasaba",
|
|
robots: {
|
|
index: true,
|
|
follow: true,
|
|
googleBot: {
|
|
index: true,
|
|
follow: true,
|
|
"max-video-preview": -1,
|
|
"max-image-preview": "large",
|
|
"max-snippet": -1,
|
|
},
|
|
},
|
|
icons: {
|
|
icon: "/assets/images/darmasaba-icon.png",
|
|
apple: "/assets/images/darmasaba-icon.png",
|
|
},
|
|
manifest: "/manifest.json",
|
|
openGraph: {
|
|
type: "website",
|
|
locale: "id_ID",
|
|
url: "https://cld-dkr-staging-desa-darmasaba.wibudev.com",
|
|
siteName: "Desa Darmasaba",
|
|
title: "Desa Darmasaba - Kabupaten Badung, Bali",
|
|
description: "Website resmi Desa Darmasaba, Kabupaten Badung, Bali. Informasi layanan publik, berita, dan profil desa.",
|
|
images: [
|
|
{
|
|
url: "/assets/images/darmasaba-icon.png",
|
|
width: 1200,
|
|
height: 630,
|
|
alt: "Desa Darmasaba",
|
|
},
|
|
],
|
|
},
|
|
category: "government",
|
|
other: {
|
|
"msapplication-TileColor": "#ffffff",
|
|
"theme-color": "#ffffff",
|
|
},
|
|
};
|
|
|
|
const theme = createTheme({
|
|
fontFamily: "San Francisco, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif",
|
|
fontFamilyMonospace: "SFMono-Regular, Menlo, Monaco, Consolas, monospace",
|
|
headings: { fontFamily: "San Francisco, sans-serif" },
|
|
});
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<html lang="id" {...mantineHtmlProps}>
|
|
<head>
|
|
<meta charSet="utf-8" />
|
|
<ColorSchemeScript defaultColorScheme="light" />
|
|
</head>
|
|
<body>
|
|
<ViewTransitions>
|
|
<MusicProvider>
|
|
<MantineProvider theme={theme} defaultColorScheme="light">
|
|
{children}
|
|
<LoadDataFirstClient />
|
|
<ToastContainer
|
|
position="bottom-center"
|
|
hideProgressBar
|
|
style={{ zIndex: 9999 }}
|
|
/>
|
|
</MantineProvider>
|
|
</MusicProvider>
|
|
</ViewTransitions>
|
|
</body>
|
|
</html>
|
|
);
|
|
} |