fix: implement TopProgressBar as Client
This commit is contained in:
parent
80904c426d
commit
1cdd4818b9
2 changed files with 26 additions and 19 deletions
|
|
@ -1,4 +1,3 @@
|
||||||
import dynamic from "next/dynamic";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import Navbar from "@/components/Navbar";
|
import Navbar from "@/components/Navbar";
|
||||||
import { config } from "@fortawesome/fontawesome-svg-core";
|
import { config } from "@fortawesome/fontawesome-svg-core";
|
||||||
|
|
@ -6,15 +5,20 @@ import "@fortawesome/fontawesome-svg-core/styles.css";
|
||||||
config.autoAddCss = false;
|
config.autoAddCss = false;
|
||||||
import "./nprogress.css";
|
import "./nprogress.css";
|
||||||
import { Analytics } from "@vercel/analytics/react";
|
import { Analytics } from "@vercel/analytics/react";
|
||||||
|
import Chat from "@/components/Chat";
|
||||||
|
import ClientTopProgressBar from "@/components/ClientTopProgressBar";
|
||||||
|
|
||||||
export const metadata = {
|
export const metadata = {
|
||||||
title: "Alvalens | Portofolio",
|
title: "Alvalens | Portofolio",
|
||||||
description:
|
|
||||||
|
description:
|
||||||
"My name is Alvalens, I'm a web developer and I'm passionate about it. I'm currently studying at Universitas Negeri Malang.",
|
"My name is Alvalens, I'm a web developer and I'm passionate about it. I'm currently studying at Universitas Negeri Malang.",
|
||||||
author: "Alvalen Shafelbilyunazra",
|
|
||||||
siteUrl: "https://www.alvalens.my.id",
|
author: "Alvalen Shafelbilyunazra",
|
||||||
applicationName: "Alvalens",
|
siteUrl: "https://www.alvalens.my.id",
|
||||||
keywords: [
|
applicationName: "Alvalens",
|
||||||
|
|
||||||
|
keywords: [
|
||||||
"alvalens",
|
"alvalens",
|
||||||
"alvalen",
|
"alvalen",
|
||||||
"alvalen shafel",
|
"alvalen shafel",
|
||||||
|
|
@ -25,7 +29,8 @@ export const metadata = {
|
||||||
"alvalen porto",
|
"alvalen porto",
|
||||||
"alvalen um",
|
"alvalen um",
|
||||||
],
|
],
|
||||||
openGraph: {
|
|
||||||
|
openGraph: {
|
||||||
type: "website",
|
type: "website",
|
||||||
url: "https://www.alvalens.my.id",
|
url: "https://www.alvalens.my.id",
|
||||||
title: "Alvalens | Portofolio",
|
title: "Alvalens | Portofolio",
|
||||||
|
|
@ -40,23 +45,14 @@ export const metadata = {
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
site_name: "Alvalens | Portofolio",
|
site_name: "Alvalens | Portofolio",
|
||||||
},
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
import Chat from "@/components/Chat";
|
|
||||||
|
|
||||||
const TopProgressBar = dynamic(() => import("@/components/TopProgressbar"), {
|
|
||||||
ssr: false,
|
|
||||||
});
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
export default function RootLayout({ children }) {
|
export default function RootLayout({ children }) {
|
||||||
return (
|
return (
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<body>
|
<body>
|
||||||
<TopProgressBar />
|
<ClientTopProgressBar />
|
||||||
<Navbar />
|
<Navbar />
|
||||||
{children}
|
{children}
|
||||||
<Chat />
|
<Chat />
|
||||||
|
|
|
||||||
11
components/ClientTopProgressBar.jsx
Normal file
11
components/ClientTopProgressBar.jsx
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
"use client";
|
||||||
|
|
||||||
|
import dynamic from "next/dynamic";
|
||||||
|
|
||||||
|
const TopProgressBar = dynamic(() => import("@/components/TopProgressbar"), {
|
||||||
|
ssr: false,
|
||||||
|
});
|
||||||
|
|
||||||
|
export default function ClientTopProgressBar() {
|
||||||
|
return <TopProgressBar />;
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue