subman-nextjs/src/app/layout.tsx

import type { Metadata } from "next";
import { Inter } from "next/font/google";

import { Toaster } from "@/components/ui/toaster";
import "./tailwind.css";
import Link from "next/link";
import { ComponentProps } from "react";
import { Send } from "lucide-react";
import Navlinks from "./ui/navLinks";

const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "Subman",
  description: "A self-hosted literary submission tracker."
};

function NavLink(props: ComponentProps<"div"> & { href: string }) {
  return (
    <Link href={props.href}><h1 className="text-4xl font-black my-2">{props.children}</h1></Link>
  )
}


export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en">
      <body className={inter.className}>
        <div id="layout-container" className="flex p-4">
          <div id="sidebar" >
            <header className="mb-6">
              <h1 className="font-black text-6xl antialiased inline">SubMan</h1> <Send className="inline mb-6" size={"3rem"} />
              <p className="font-bold text-xl antialiased">The self-hosted literary<br />  submission tracker.</p>
            </header>
            <Navlinks />
          </div>
          {children}
        </div>
        <Toaster />
      </body>
    </html >
  );
}
Initial commit from Create Next App 2024-06-11 08:16:34 +00:00			`import type { Metadata } from "next";`
			`import { Inter } from "next/font/google";`
style navlinks 2024-06-20 18:02:25 +00:00
radix select boxes working 2024-06-14 09:25:18 +00:00			`import { Toaster } from "@/components/ui/toaster";`
install and set up tailwind 2024-06-12 12:48:37 +00:00			`import "./tailwind.css";`
add layout links 2024-06-19 21:21:56 +00:00			`import Link from "next/link";`
style layoutr 2024-06-20 10:49:24 +00:00			`import { ComponentProps } from "react";`
add logo 2024-06-20 10:54:56 +00:00			`import { Send } from "lucide-react";`
style navlinks 2024-06-20 18:02:25 +00:00			`import Navlinks from "./ui/navLinks";`
Initial commit from Create Next App 2024-06-11 08:16:34 +00:00
			`const inter = Inter({ subsets: ["latin"] });`

			`export const metadata: Metadata = {`
install and setup shadcn 2024-06-12 12:59:21 +00:00			`title: "Subman",`
			`description: "A self-hosted literary submission tracker."`
Initial commit from Create Next App 2024-06-11 08:16:34 +00:00			`};`

style layoutr 2024-06-20 10:49:24 +00:00			`function NavLink(props: ComponentProps<"div"> & { href: string }) {`
			`return (`
			`<Link href={props.href}><h1 className="text-4xl font-black my-2">{props.children}</h1></Link>`
			`)`
			`}`


Initial commit from Create Next App 2024-06-11 08:16:34 +00:00			`export default function RootLayout({`
			`children,`
			`}: Readonly<{`
			`children: React.ReactNode;`
			`}>) {`
			`return (`
			`<html lang="en">`
first route 2024-06-11 13:37:22 +00:00			`<body className={inter.className}>`
style layoutr 2024-06-20 10:49:24 +00:00			`<div id="layout-container" className="flex p-4">`
add layout links 2024-06-19 21:21:56 +00:00			`<div id="sidebar" >`
style layoutr 2024-06-20 10:49:24 +00:00			`<header className="mb-6">`
style navlinks 2024-06-20 18:02:25 +00:00			`<h1 className="font-black text-6xl antialiased inline">SubMan</h1> <Send className="inline mb-6" size={"3rem"} />`
add logo 2024-06-20 10:54:56 +00:00			`<p className="font-bold text-xl antialiased">The self-hosted literary<br /> submission tracker.</p>`
style layoutr 2024-06-20 10:49:24 +00:00			`</header>`
style navlinks 2024-06-20 18:02:25 +00:00			`<Navlinks />`
add layout links 2024-06-19 21:21:56 +00:00			`</div>`
			`{children}`
first route 2024-06-11 13:37:22 +00:00			`</div>`
radix select boxes working 2024-06-14 09:25:18 +00:00			`<Toaster />`
			`</body>`
add layout links 2024-06-19 21:21:56 +00:00			`</html >`
Initial commit from Create Next App 2024-06-11 08:16:34 +00:00			`);`
			`}`