vkorobtsev-nextJs/app/layout.js

54 lines
1.7 KiB
JavaScript
Raw Normal View History

2023-09-03 14:41:19 +07:00
import dynamic from "next/dynamic";
2023-08-30 19:06:48 +07:00
import "./globals.css";
import Navbar from "@/components/Navbar";
2023-09-03 14:41:19 +07:00
import { config } from "@fortawesome/fontawesome-svg-core";
import "@fortawesome/fontawesome-svg-core/styles.css";
config.autoAddCss = false;
2023-09-05 21:39:08 +07:00
import Icon from "@/public/img/icon.png";
2023-09-03 13:23:39 +07:00
import "./nprogress.css";
2023-09-05 21:39:08 +07:00
2023-08-29 16:57:18 +07:00
export const metadata = {
2023-09-03 20:26:08 +07:00
title: "Alvalens | Portofolio",
2023-09-05 21:39:08 +07:00
description:
"My name is Alvalens, I'm a web developer and I'm passionate about it. I'm currently studying at Universitas Negeri Malang.",
image: Icon,
author: "Alvalens",
keywords:
"alvalens, alvalen, alvalen shafel, shafel, alvalen shafelbilyunazra, alvalen shafel bilyunazra, bloodfallen, alvalen porto, porto alvalens, alvalens portofolio, web alvalen, alvalens web, alvalens website, website alvalens, alvalens web developer, web portofolio alvalens, alvalen profile, profil alvalen",
2023-08-30 19:06:48 +07:00
};
2023-09-03 14:41:19 +07:00
const TopProgressBar = dynamic(() => import("@/components/TopProgressBar"), {
ssr: false,
});
2023-09-05 21:39:08 +07:00
const Meta = () => (
<>
<meta name="description" content={metadata.description} />
<meta property="og:title" content={metadata.title} />
<meta property="og:description" content={metadata.description} />
<meta property="og:image" content={metadata.image} />
<meta property="og:type" content="website" />
<meta name="application-name" content="Alvalens | Portofolio" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="author" content="Alvalens" />
</>
);
2023-09-03 14:41:19 +07:00
2023-09-05 21:39:08 +07:00
export default function RootLayout({ children }) {
2023-08-30 19:06:48 +07:00
return (
<html lang="en">
2023-09-05 21:39:08 +07:00
<head>
<link rel="icon" href="/img/icon.png" sizes="any" />
<Meta />
</head>
2023-08-30 19:06:48 +07:00
<body>
2023-09-05 21:39:08 +07:00
2023-09-03 13:23:39 +07:00
<TopProgressBar />
2023-08-30 19:06:48 +07:00
<Navbar />
{children}
</body>
</html>
);
2023-08-29 16:57:18 +07:00
}