First commit

.eslintrc.json

@@ -1,3 +1,10 @@
 {
-  "extends": ["next/core-web-vitals", "next/typescript"]
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:tailwindcss/recommended"
+  ],
+  "rules": {
+    "react/no-unescaped-entities": "off",
+    "react-hooks/rules-of-hooks": "off"
+  }
 }

app/(customer)/dashboard/home/page.tsx

@@ -0,0 +1,11 @@
+import {PageParams} from "@/types/next";
+
+export default async function RoutePage(props: PageParams<{}>) {
+
+    return(
+        <div>
+
+            <h1>Home</h1>
+        </div>
+    )
+}

app/(customer)/dashboard/layout.tsx

@@ -0,0 +1,49 @@
+import {SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar"
+import {AppSidebar} from "@/components/wrappers/SideBar/app-sidebar";
+import {
+    Breadcrumb,
+    BreadcrumbItem,
+    BreadcrumbLink,
+    BreadcrumbList, BreadcrumbPage,
+    BreadcrumbSeparator
+} from "@/components/ui/breadcrumb";
+import {Separator} from "@/components/ui/separator";
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+    return (
+        <SidebarProvider>
+            <AppSidebar/>
+            {/*<SidebarInset>*/}
+            {/*    <header className="flex h-16 shrink-0 items-center gap-2 border-b px-4">*/}
+            {/*        <SidebarTrigger className="-ml-1" />*/}
+            {/*        <Separator orientation="vertical" className="mr-2 h-4" />*/}
+            {/*        <Breadcrumb>*/}
+            {/*            <BreadcrumbList>*/}
+            {/*                <BreadcrumbItem className="hidden md:block">*/}
+            {/*                    <BreadcrumbLink href="#">*/}
+            {/*                        Building Your Application*/}
+            {/*                    </BreadcrumbLink>*/}
+            {/*                </BreadcrumbItem>*/}
+            {/*                <BreadcrumbSeparator className="hidden md:block" />*/}
+            {/*                <BreadcrumbItem>*/}
+            {/*                    <BreadcrumbPage>Data Fetching</BreadcrumbPage>*/}
+            {/*                </BreadcrumbItem>*/}
+            {/*            </BreadcrumbList>*/}
+            {/*        </Breadcrumb>*/}
+            {/*    </header>*/}
+            {/*    <div className="flex flex-1 flex-col gap-4 p-4">*/}
+            {/*        <div className="grid auto-rows-min gap-4 md:grid-cols-3">*/}
+            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
+            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
+            {/*            <div className="aspect-video rounded-xl bg-muted/50" />*/}
+            {/*        </div>*/}
+            {/*        <div className="min-h-[100vh] flex-1 rounded-xl bg-muted/50 md:min-h-min" />*/}
+            {/*    </div>*/}
+            {/*</SidebarInset>*/}
+            <main>
+                <SidebarTrigger/>
+                {children}
+            </main>
+        </SidebarProvider>
+    )
+}

app/(customer)/dashboard/page.tsx

@@ -0,0 +1,13 @@
+import {PageParams} from "@/types/next";
+import {Button} from "@/components/ui/button";
+
+export default async function RoutePage(props: PageParams<{}>) {
+
+    return(
+        <div>
+
+        <h1>Ok</h1>
+            <Button>Button</Button>
+        </div>
+    )
+}

app/(landing)/home/page.tsx

@@ -0,0 +1,9 @@
+import Image from "next/image";
+
+export default function Home() {
+  return (
+    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
+      <h1 className="text-3xl font-bold text-4xl leading-tight">Text</h1>
+    </div>
+  );
+}

app/(landing)/page.tsx

@@ -0,0 +1,14 @@
+import Home from "./home/page";
+import {redirect} from "next/navigation";
+
+export default async function Index() {
+
+    const user = true
+    if (user) {
+        redirect("/dashboard")
+    }
+
+    return (
+        <Home/>
+    );
+}

app/globals.css

@@ -84,6 +84,10 @@ body {
   }
 }
 
+
+
+
+
 @layer base {
   * {
     @apply border-border;

app/layout.tsx

@@ -1,35 +1,30 @@
-import type { Metadata } from "next";
+import type {Metadata} from "next";
-import localFont from "next/font/local";
 import "./globals.css";
+import {Providers} from "./providers";
+import {cn} from "@/lib/utils";
+import {Inter} from "next/font/google";
 
-const geistSans = localFont({
+
-  src: "./fonts/GeistVF.woff",
+const inter = Inter({subsets: ["latin"]});
-  variable: "--font-geist-sans",
-  weight: "100 900",
-});
-const geistMono = localFont({
-  src: "./fonts/GeistMonoVF.woff",
-  variable: "--font-geist-mono",
-  weight: "100 900",
-});
 
 export const metadata: Metadata = {
-  title: "Create Next App",
+    title: "Create Next App",
-  description: "Generated by create next app",
+    description: "Generated by create next app",
 };
 
 export default function RootLayout({
-  children,
+                                       children,
-}: Readonly<{
+                                   }: Readonly<{
-  children: React.ReactNode;
+    children: React.ReactNode;
 }>) {
-  return (
+    return (
-    <html lang="en">
+        <html lang="en">
-      <body
+        <body className={cn(inter.className, "h-full")}>
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+
-      >
+        <Providers>
-        {children}
+            {children}
-      </body>
+        </Providers>
-    </html>
+        </body>
-  );
+        </html>
+    );
 }

app/page.tsx

@@ -1,101 +0,0 @@
-import Image from "next/image";
-
-export default function Home() {
-  return (
-    <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]">
-      <main className="flex flex-col gap-8 row-start-2 items-center sm:items-start">
-        <Image
-          className="dark:invert"
-          src="https://nextjs.org/icons/next.svg"
-          alt="Next.js logo"
-          width={180}
-          height={38}
-          priority
-        />
-        <ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]">
-          <li className="mb-2">
-            Get started by editing{" "}
-            <code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold">
-              app/page.tsx
-            </code>
-            .
-          </li>
-          <li>Save and see your changes instantly.</li>
-        </ol>
-
-        <div className="flex gap-4 items-center flex-col sm:flex-row">
-          <a
-            className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <Image
-              className="dark:invert"
-              src="https://nextjs.org/icons/vercel.svg"
-              alt="Vercel logomark"
-              width={20}
-              height={20}
-            />
-            Deploy now
-          </a>
-          <a
-            className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:min-w-44"
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Read our docs
-          </a>
-        </div>
-      </main>
-      <footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center">
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="https://nextjs.org/icons/file.svg"
-            alt="File icon"
-            width={16}
-            height={16}
-          />
-          Learn
-        </a>
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="https://nextjs.org/icons/window.svg"
-            alt="Window icon"
-            width={16}
-            height={16}
-          />
-          Examples
-        </a>
-        <a
-          className="flex items-center gap-2 hover:underline hover:underline-offset-4"
-          href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          <Image
-            aria-hidden
-            src="https://nextjs.org/icons/globe.svg"
-            alt="Globe icon"
-            width={16}
-            height={16}
-          />
-          Go to nextjs.org →
-        </a>
-      </footer>
-    </div>
-  );
-}

app/providers.tsx

@@ -0,0 +1,31 @@
+"use client"
+
+import {PropsWithChildren} from "react";
+import {ThemeProvider} from "@/features/theme/theme-provider";
+import {Toaster} from "@/components/ui/sonner";
+import {
+    QueryClient,
+    QueryClientProvider,
+} from '@tanstack/react-query'
+import {SessionProvider} from "next-auth/react";
+
+export type ProviderProps = PropsWithChildren<{}>;
+const queryClient = new QueryClient()
+
+export const Providers = (props: ProviderProps) => {
+    return (
+        <SessionProvider>
+            <ThemeProvider
+                attribute="class"
+                defaultTheme="system"
+                enableSystem
+                disableTransitionOnChange
+            >
+                <QueryClientProvider client={queryClient}>
+                    <Toaster/>
+                    {props.children}
+                </QueryClientProvider>
+            </ThemeProvider>
+        </SessionProvider>
+    )
+}

package-lock.json

@@ -38,6 +38,7 @@
         "@radix-ui/react-toggle": "^1.1.0",
         "@radix-ui/react-toggle-group": "^1.1.0",
         "@radix-ui/react-tooltip": "^1.1.3",
+        "@tanstack/react-query": "^5.59.18",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
         "cmdk": "^1.0.0",
@@ -46,6 +47,8 @@
         "input-otp": "^1.4.0",
         "lucide-react": "^0.454.0",
         "next": "14.2.16",
+        "next-auth": "^4.24.10",
+        "next-intl": "^3.24.0",
         "next-themes": "^0.3.0",
         "react": "^18",
         "react-day-picker": "^8.10.1",
@@ -196,6 +199,56 @@
       "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==",
       "license": "MIT"
     },
+    "node_modules/@formatjs/ecma402-abstract": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/ecma402-abstract/-/ecma402-abstract-2.2.2.tgz",
+      "integrity": "sha512-zReeOJo3gA6Lgk4gTsUUdCwwTBa+Tw0LcqKHD84JCAJdPSxsxKdKPAPXihVgKDZevIWFGi4UTpy7JJ3D5EWeSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "2.2.3",
+        "@formatjs/intl-localematcher": "0.5.7",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/fast-memoize": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/@formatjs/fast-memoize/-/fast-memoize-2.2.3.tgz",
+      "integrity": "sha512-3jeJ+HyOfu8osl3GNSL4vVHUuWFXR03Iz9jjgI7RwjG6ysu/Ymdr0JRCPHfF5yGbTE6JCrd63EpvX1/WybYRbA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/icu-messageformat-parser": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-messageformat-parser/-/icu-messageformat-parser-2.9.2.tgz",
+      "integrity": "sha512-WAQ2zGbroadkWXUDDjbGUOBN0TeDUEC47lcXV8wTtFN1QYCI1T26AVWOHqvVMVBqXHheKa82myjEVaXWVTwBNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.2",
+        "@formatjs/icu-skeleton-parser": "1.8.6",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/icu-skeleton-parser": {
+      "version": "1.8.6",
+      "resolved": "https://registry.npmjs.org/@formatjs/icu-skeleton-parser/-/icu-skeleton-parser-1.8.6.tgz",
+      "integrity": "sha512-rQXThZE7lxhw1eaOyu4mmFdKBYlh/dyYPSFB6hR3lZqPOm5vYdyHekQaxld9WIofZK2e3rxfel81RfAuy8kdIw==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.2",
+        "tslib": "2"
+      }
+    },
+    "node_modules/@formatjs/intl-localematcher": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@formatjs/intl-localematcher/-/intl-localematcher-0.5.7.tgz",
+      "integrity": "sha512-GGFtfHGQVFe/niOZp24Kal5b2i36eE2bNL0xi9Sg/yd0TR8aLjcteApZdHmismP5QQax1cMnZM9yWySUUjJteA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "2"
+      }
+    },
     "node_modules/@hookform/resolvers": {
       "version": "3.9.1",
       "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-3.9.1.tgz",
@@ -540,6 +593,15 @@
         "node": ">=12.4.0"
       }
     },
+    "node_modules/@panva/hkdf": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/@pkgjs/parseargs": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
@@ -2048,6 +2110,32 @@
         "tslib": "^2.4.0"
       }
     },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.59.17",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.59.17.tgz",
+      "integrity": "sha512-jWdDiif8kaqnRGHNXAa9CnudtxY5v9DUxXhodgqX2Rwzj+1UwStDHEbBd9IA5C7VYAaJ2s+BxFR6PUBs8ERorA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.59.18",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.59.18.tgz",
+      "integrity": "sha512-tp/EP5q5ug9ijVB+3c9n4uULG9d2qmhMllqhtRMYv/l9PqqIA7C9s0ULsMxEeMNCQCdJ4gJqBSvqrC5Hz+fU+A==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.59.17"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
     "node_modules/@types/d3-array": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz",
@@ -3310,6 +3398,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
@@ -4900,6 +4997,18 @@
         "node": ">=12"
       }
     },
+    "node_modules/intl-messageformat": {
+      "version": "10.7.4",
+      "resolved": "https://registry.npmjs.org/intl-messageformat/-/intl-messageformat-10.7.4.tgz",
+      "integrity": "sha512-D4wGk8/XAp/5YMLtTXR+BUyGeSl4+28N43cwXXmIGQ8Tt+STA/oUsz9KUerzgiwBlJ+2dRDsQ3qQvvlVF6jzFA==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@formatjs/ecma402-abstract": "2.2.2",
+        "@formatjs/fast-memoize": "2.2.3",
+        "@formatjs/icu-messageformat-parser": "2.9.2",
+        "tslib": "2"
+      }
+    },
     "node_modules/invariant": {
       "version": "2.2.4",
       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
@@ -5368,6 +5477,15 @@
         "jiti": "bin/jiti.js"
       }
     },
+    "node_modules/jose": {
+      "version": "4.15.9",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-4.15.9.tgz",
+      "integrity": "sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -5649,6 +5767,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/next": {
       "version": "14.2.16",
       "resolved": "https://registry.npmjs.org/next/-/next-14.2.16.tgz",
@@ -5699,6 +5826,59 @@
         }
       }
     },
+    "node_modules/next-auth": {
+      "version": "4.24.10",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-4.24.10.tgz",
+      "integrity": "sha512-8NGqiRO1GXBcVfV8tbbGcUgQkAGsX4GRzzXXea4lDikAsJtD5KiEY34bfhUOjHLvr6rT6afpcxw2H8EZqOV6aQ==",
+      "license": "ISC",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@panva/hkdf": "^1.0.2",
+        "cookie": "^0.7.0",
+        "jose": "^4.15.5",
+        "oauth": "^0.9.15",
+        "openid-client": "^5.4.0",
+        "preact": "^10.6.3",
+        "preact-render-to-string": "^5.1.19",
+        "uuid": "^8.3.2"
+      },
+      "peerDependencies": {
+        "@auth/core": "0.34.2",
+        "next": "^12.2.5 || ^13 || ^14 || ^15",
+        "nodemailer": "^6.6.5",
+        "react": "^17.0.2 || ^18",
+        "react-dom": "^17.0.2 || ^18"
+      },
+      "peerDependenciesMeta": {
+        "@auth/core": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-intl": {
+      "version": "3.24.0",
+      "resolved": "https://registry.npmjs.org/next-intl/-/next-intl-3.24.0.tgz",
+      "integrity": "sha512-48X68QsI92grir2dH1W15yhyVnEjW4c9qmwNt+du+k6mI1QtlE6GyANWHoL4/leTixHv8knZ1y9B/Ys06gmKLg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/amannn"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/intl-localematcher": "^0.5.4",
+        "negotiator": "^1.0.0",
+        "use-intl": "^3.24.0"
+      },
+      "peerDependencies": {
+        "next": "^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0"
+      }
+    },
     "node_modules/next-themes": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.3.0.tgz",
@@ -5746,6 +5926,12 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/oauth": {
+      "version": "0.9.15",
+      "resolved": "https://registry.npmjs.org/oauth/-/oauth-0.9.15.tgz",
+      "integrity": "sha512-a5ERWK1kh38ExDEfoO6qUHJb32rd7aYmPHuyCu3Fta/cnICvYmgd2uhuKXvPD+PXB+gCEYYEaQdIRAjCOwAKNA==",
+      "license": "MIT"
+    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -5873,6 +6059,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/oidc-token-hash": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/oidc-token-hash/-/oidc-token-hash-5.0.3.tgz",
+      "integrity": "sha512-IF4PcGgzAr6XXSff26Sk/+P4KZFJVuHAJZj3wgO3vX2bMdNVp/QXTP3P7CEm9V1IdG8lDLY3HhiqpsE/nOwpPw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^10.13.0 || >=12.0.0"
+      }
+    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -5883,6 +6078,42 @@
         "wrappy": "1"
       }
     },
+    "node_modules/openid-client": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/openid-client/-/openid-client-5.7.0.tgz",
+      "integrity": "sha512-4GCCGZt1i2kTHpwvaC/sCpTpQqDnBzDzuJcJMbH+y1Q5qI8U8RBvoSh28svarXszZHR5BAMXbJPX1PGPRE3VOA==",
+      "license": "MIT",
+      "dependencies": {
+        "jose": "^4.15.9",
+        "lru-cache": "^6.0.0",
+        "object-hash": "^2.2.0",
+        "oidc-token-hash": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/openid-client/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/openid-client/node_modules/object-hash": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
+      "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -6198,6 +6429,28 @@
       "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
       "license": "MIT"
     },
+    "node_modules/preact": {
+      "version": "10.24.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz",
+      "integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/preact-render-to-string": {
+      "version": "5.2.6",
+      "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.2.6.tgz",
+      "integrity": "sha512-JyhErpYOvBV1hEPwIxc/fHWXPfnEGdRKxc8gFdAZ7XV4tlzyzG847XAyEZqoDnynP88akM4eaHcSOzNcLWFguw==",
+      "license": "MIT",
+      "dependencies": {
+        "pretty-format": "^3.8.0"
+      },
+      "peerDependencies": {
+        "preact": ">=10"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -6208,6 +6461,12 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/pretty-format": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
+      "integrity": "sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==",
+      "license": "MIT"
+    },
     "node_modules/prisma": {
       "version": "5.21.1",
       "resolved": "https://registry.npmjs.org/prisma/-/prisma-5.21.1.tgz",
@@ -7437,6 +7696,19 @@
         }
       }
     },
+    "node_modules/use-intl": {
+      "version": "3.24.0",
+      "resolved": "https://registry.npmjs.org/use-intl/-/use-intl-3.24.0.tgz",
+      "integrity": "sha512-lmrARod7yjMYehbyY9xBLjjgnlNcJsl1UAltAPlgspRG7RH6H0JYaGo4C3PZW/BTy0Dgmcvcl8rH/VemzGIhgQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@formatjs/fast-memoize": "^2.2.0",
+        "intl-messageformat": "^10.5.14"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || >=19.0.0-rc <19.0.0"
+      }
+    },
     "node_modules/use-sidecar": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.2.tgz",
@@ -7465,6 +7737,15 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
       "license": "MIT"
     },
+    "node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/vaul": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/vaul/-/vaul-1.1.1.tgz",
@@ -7709,6 +7990,12 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
+    },
     "node_modules/yaml": {
       "version": "2.6.0",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz",

package.json

@@ -39,6 +39,7 @@
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.3",
+    "@tanstack/react-query": "^5.59.18",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
@@ -47,6 +48,8 @@
     "input-otp": "^1.4.0",
     "lucide-react": "^0.454.0",
     "next": "14.2.16",
+    "next-auth": "^4.24.10",
+    "next-intl": "^3.24.0",
     "next-themes": "^0.3.0",
     "react": "^18",
     "react-day-picker": "^8.10.1",

src/components/wrappers/SideBar/app-sidebar.tsx

@@ -0,0 +1,128 @@
+import {
+    Sidebar,
+    SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent,
+    SidebarGroupLabel,
+    SidebarHeader, SidebarInset,
+    SidebarMenu,
+    SidebarMenuButton,
+    SidebarMenuItem, SidebarTrigger
+} from "@/components/ui/sidebar"
+import {DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger} from "@/components/ui/dropdown-menu";
+import {Calendar, ChevronDown, ChevronUp, Home, Inbox, Search, Settings, User2} from "lucide-react";
+import {Separator} from "@radix-ui/react-menu";
+import {Breadcrumb} from "@/components/ui/breadcrumb";
+import Link from "next/link";
+
+export function AppSidebar() {
+
+    const BASE_URL = "/dashboard";
+
+    // Menu items.
+    const items = [
+        {
+            title: "Home",
+            url: "/",
+            icon: Home,
+        },
+        {
+            title: "Inbox",
+            url: "/home",
+            icon: Inbox,
+        },
+        {
+            title: "Calendar",
+            url: "#",
+            icon: Calendar,
+        },
+        {
+            title: "Search",
+            url: "#",
+            icon: Search,
+        },
+        {
+            title: "Settings",
+            url: "#",
+            icon: Settings,
+        },
+    ]
+
+
+
+
+
+    return (
+        <Sidebar collapsible="icon">
+            <SidebarHeader>
+                <SidebarMenu>
+                    <SidebarMenuItem>
+                        <DropdownMenu>
+                            <DropdownMenuTrigger asChild>
+                                <SidebarMenuButton>
+                                    Select Workspace
+                                    <ChevronDown className="ml-auto" />
+                                </SidebarMenuButton>
+                            </DropdownMenuTrigger>
+                            <DropdownMenuContent className="w-[--radix-popper-anchor-width]">
+                                <DropdownMenuItem>
+                                    <span>Acme Inc</span>
+                                </DropdownMenuItem>
+                                <DropdownMenuItem>
+                                    <span>Acme Corp.</span>
+                                </DropdownMenuItem>
+                            </DropdownMenuContent>
+                        </DropdownMenu>
+                    </SidebarMenuItem>
+                </SidebarMenu>
+            </SidebarHeader>
+            <SidebarContent>
+                <SidebarGroup>
+                    <SidebarGroupLabel>Application</SidebarGroupLabel>
+                    <SidebarGroupContent>
+                        <SidebarMenu>
+                            {items.map((item) => (
+                                <SidebarMenuItem key={item.title}>
+                                    <SidebarMenuButton asChild>
+                                        <Link href={`${BASE_URL}/${item.url}`}>
+                                            <item.icon />
+                                            <span>{item.title}</span>
+                                        </Link>
+                                    </SidebarMenuButton>
+                                </SidebarMenuItem>
+                            ))}
+                        </SidebarMenu>
+                    </SidebarGroupContent>
+                </SidebarGroup>
+            </SidebarContent>
+            <SidebarFooter>
+                <SidebarMenu>
+                    <SidebarMenuItem>
+                        <DropdownMenu>
+                            <DropdownMenuTrigger asChild>
+                                <SidebarMenuButton>
+                                    <User2 /> Username
+                                    <ChevronUp className="ml-auto" />
+                                </SidebarMenuButton>
+                            </DropdownMenuTrigger>
+                            <DropdownMenuContent
+                                side="top"
+                                className="w-[--radix-popper-anchor-width]"
+                            >
+                                <DropdownMenuItem>
+                                    <span>Account</span>
+                                </DropdownMenuItem>
+                                <DropdownMenuItem>
+                                    <span>Billing</span>
+                                </DropdownMenuItem>
+                                <DropdownMenuItem>
+                                    <span>Sign out</span>
+                                </DropdownMenuItem>
+                            </DropdownMenuContent>
+                        </DropdownMenu>
+                    </SidebarMenuItem>
+                </SidebarMenu>
+            </SidebarFooter>
+
+        </Sidebar>
+
+    )
+}

src/features/theme/theme-provider.tsx

@@ -0,0 +1,9 @@
+"use client"
+
+import * as React from "react"
+import { ThemeProvider as NextThemesProvider } from "next-themes"
+import { type ThemeProviderProps } from "next-themes/dist/types"
+
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+    return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+}

src/types/next.ts

@@ -0,0 +1,10 @@
+export type LayoutParams<T extends Record<string, string | string[]>> = {
+    children: React.ReactNode;
+    params: T;
+
+};
+
+export type PageParams<T extends Record<string, string | string[]>> = {
+    params: T;
+    searchParams: {[key: string]: string | string[] | undefined};
+};

tailwind.config.ts

@@ -1,95 +1,80 @@
-import type { Config } from "tailwindcss";
+import type { Config } from "tailwindcss"
 
-const config: Config = {
+const config = {
-    darkMode: ["class"],
+	darkMode: ["class"],
-    content: [
+	content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+		'./pages/**/*.{ts,tsx}',
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+		'./components/**/*.{ts,tsx}',
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+		'./app/**/*.{ts,tsx}',
-  ],
+		'./src/**/*.{ts,tsx}',
-  theme: {
+	],
-  	extend: {
+	prefix: "",
-  		colors: {
+	theme: {
-  			background: 'hsl(var(--background))',
+		container: {
-  			foreground: 'hsl(var(--foreground))',
+			center: true,
-  			card: {
+			padding: "2rem",
-  				DEFAULT: 'hsl(var(--card))',
+			screens: {
-  				foreground: 'hsl(var(--card-foreground))'
+				"2xl": "1400px",
-  			},
+			},
-  			popover: {
+		},
-  				DEFAULT: 'hsl(var(--popover))',
+		extend: {
-  				foreground: 'hsl(var(--popover-foreground))'
+			colors: {
-  			},
+				border: "hsl(var(--border))",
-  			primary: {
+				input: "hsl(var(--input))",
-  				DEFAULT: 'hsl(var(--primary))',
+				ring: "hsl(var(--ring))",
-  				foreground: 'hsl(var(--primary-foreground))'
+				background: "hsl(var(--background))",
-  			},
+				foreground: "hsl(var(--foreground))",
-  			secondary: {
+				primary: {
-  				DEFAULT: 'hsl(var(--secondary))',
+					DEFAULT: "hsl(var(--primary))",
-  				foreground: 'hsl(var(--secondary-foreground))'
+					foreground: "hsl(var(--primary-foreground))",
-  			},
+				},
-  			muted: {
+				secondary: {
-  				DEFAULT: 'hsl(var(--muted))',
+					DEFAULT: "hsl(var(--secondary))",
-  				foreground: 'hsl(var(--muted-foreground))'
+					foreground: "hsl(var(--secondary-foreground))",
-  			},
+				},
-  			accent: {
+				destructive: {
-  				DEFAULT: 'hsl(var(--accent))',
+					DEFAULT: "hsl(var(--destructive))",
-  				foreground: 'hsl(var(--accent-foreground))'
+					foreground: "hsl(var(--destructive-foreground))",
-  			},
+				},
-  			destructive: {
+				muted: {
-  				DEFAULT: 'hsl(var(--destructive))',
+					DEFAULT: "hsl(var(--muted))",
-  				foreground: 'hsl(var(--destructive-foreground))'
+					foreground: "hsl(var(--muted-foreground))",
-  			},
+				},
-  			border: 'hsl(var(--border))',
+				accent: {
-  			input: 'hsl(var(--input))',
+					DEFAULT: "hsl(var(--accent))",
-  			ring: 'hsl(var(--ring))',
+					foreground: "hsl(var(--accent-foreground))",
-  			chart: {
+				},
-  				'1': 'hsl(var(--chart-1))',
+				popover: {
-  				'2': 'hsl(var(--chart-2))',
+					DEFAULT: "hsl(var(--popover))",
-  				'3': 'hsl(var(--chart-3))',
+					foreground: "hsl(var(--popover-foreground))",
-  				'4': 'hsl(var(--chart-4))',
+				},
-  				'5': 'hsl(var(--chart-5))'
+				card: {
-  			},
+					DEFAULT: "hsl(var(--card))",
-  			sidebar: {
+					foreground: "hsl(var(--card-foreground))",
-  				DEFAULT: 'hsl(var(--sidebar-background))',
+				},
-  				foreground: 'hsl(var(--sidebar-foreground))',
+			},
-  				primary: 'hsl(var(--sidebar-primary))',
+			borderRadius: {
-  				'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+				lg: "var(--radius)",
-  				accent: 'hsl(var(--sidebar-accent))',
+				md: "calc(var(--radius) - 2px)",
-  				'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+				sm: "calc(var(--radius) - 4px)",
-  				border: 'hsl(var(--sidebar-border))',
+			},
-  				ring: 'hsl(var(--sidebar-ring))'
+			keyframes: {
-  			}
+				"accordion-down": {
-  		},
+					from: { height: "0" },
-  		borderRadius: {
+					to: { height: "var(--radix-accordion-content-height)" },
-  			lg: 'var(--radius)',
+				},
-  			md: 'calc(var(--radius) - 2px)',
+				"accordion-up": {
-  			sm: 'calc(var(--radius) - 4px)'
+					from: { height: "var(--radix-accordion-content-height)" },
-  		},
+					to: { height: "0" },
-  		keyframes: {
+				},
-  			'accordion-down': {
+			},
-  				from: {
+			animation: {
-  					height: '0'
+				"accordion-down": "accordion-down 0.2s ease-out",
-  				},
+				"accordion-up": "accordion-up 0.2s ease-out",
-  				to: {
+			},
-  					height: 'var(--radix-accordion-content-height)'
+		},
-  				}
+	},
-  			},
+	plugins: [require("tailwindcss-animate")],
-  			'accordion-up': {
+} satisfies Config
-  				from: {
+
-  					height: 'var(--radix-accordion-content-height)'
+export default config
-  				},
-  				to: {
-  					height: '0'
-  				}
-  			}
-  		},
-  		animation: {
-  			'accordion-down': 'accordion-down 0.2s ease-out',
-  			'accordion-up': 'accordion-up 0.2s ease-out'
-  		}
-  	}
-  },
-  plugins: [require("tailwindcss-animate")],
-};
-export default config;

tsconfig.json

@@ -1,9 +1,13 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
-    "strict": true,
+    //    "strict": true,
     "noEmit": true,
     "esModuleInterop": true,
     "module": "esnext",
@@ -18,9 +22,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
-    }
+        "./src/*"
+      ]
+    },
+    "strict": false
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": [
-  "exclude": ["node_modules"]
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }