svrjs-nextjs-website/app/(root)/layout.tsx

61 lines
2.5 KiB
TypeScript

import Footer from "@/components/shared/Footer";
import Navbar from "@/components/shared/Navbar";
import Banner from "@/components/widgets/Banner";
import NoScript from "@/components/shared/NoScript";
import { Home } from "lucide-react";
import { Metadata } from "next";
// baseURL [ENV]
export const metadata: Metadata = {
title: "SVR.JS - a web server running on Node.JS",
description:
"Experience unparalleled flexibility with SVR.JS - the ultimate web server for Node.JS. Host web pages, run server-side JavaScript, utilize mods for extended functionality, and more. Integrated log viewer and user management tools included. Also supports Bun (experimental).",
openGraph: {
title: "SVR.JS - a web server running on Node.JS",
description:
"Experience unparalleled flexibility with SVR.JS - the ultimate web server for Node.JS. Host web pages, run server-side JavaScript, utilize mods for extended functionality, and more. Integrated log viewer and user management tools included. Also supports Bun (experimental).",
url: `${process.env.WEBSITE_URL}`,
type: "website",
images: [
{
url: `${process.env.NEXT_PUBLIC_WEBSITE_URL}/metadata/svrjs-cover.png`,
width: 800,
height: 600,
alt: "SVR.JS - a web server running on Node.JS"
}
]
},
twitter: {
card: "summary_large_image",
site: "@SVR_JS",
title: "SVR.JS - a web server running on Node.JS",
description:
"Experience unparalleled flexibility with SVR.JS - the ultimate web server for Node.JS. Host web pages, run server-side JavaScript, utilize mods for extended functionality, and more. Integrated log viewer and user management tools included. Also supports Bun (experimental).",
images: [`${process.env.NEXT_PUBLIC_WEBSITE_URL}/metadata/svrjs-cover.png`],
creator: "@SVR_JS"
}
};
export default function PageLayout({
children
}: {
children: React.ReactNode;
}) {
const iconClassName = "w-4 h-4 flex-center text-zinc-950 -mr-2";
return (
<div className="flex flex-col min-h-screen">
{/* Comment or edit this whenever required */}
<Banner
icon={<Home className={iconClassName} />}
title="SVR.JS 4.0.0 is now on beta!"
announcement="The latest beta version is SVR.JS 4.0.0-beta3."
link="/blog/SVR-JS-4-0-0-beta3-has-been-released"
buttonText="Read more"
/>
<Navbar />
<NoScript />
<div className="flex-grow flex-1 overflow-x-hidden">{children}</div>
<Footer />
</div>
);
}