feat: add PWA support with manifest configuration and offline connectivity indicator

2026-06-06 21:53:06 +03:00
parent 83379a5edc
commit 4a52deec4d
6 changed files with 2221 additions and 1 deletions
@@ -3,12 +3,20 @@ import "./globals.css";
 import { Geist } from "next/font/google";
 import { cn } from "@/lib/utils";
 import { Toaster } from "react-hot-toast";
+import { OfflineIndicator } from "@/components/ui/offline-indicator";

 const geist = Geist({ subsets: ["latin"], variable: "--font-sans" });

 export const metadata: Metadata = {
  title: "Cognis",
  description: "Self-hosted freelancer operating dashboard",
+  manifest: "/manifest.json",
+  themeColor: "#ffffff",
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "default",
+    title: "Cognis",
+  },
 };

 export default function RootLayout({
@@ -24,6 +32,7 @@ export default function RootLayout({
    >
      <body>
        {children}
+        <OfflineIndicator />
        <Toaster position="top-right" />
      </body>
    </html>