openstatus.dev
Openstatus
www.openstatus.dev
🚀 (#428)
* 🚀
* 🚀
authored by
Thibault Le Ouay
and committed by
GitHub
7b35222d
c4aef264
+28
-16
+9
apps/web/src/app/app/layout.tsx
+9
apps/web/src/app/app/layout.tsx
+5
-7
apps/web/src/app/layout.tsx
+5
-7
apps/web/src/app/layout.tsx
···
43
43
<html lang="en">
44
44
{/* TODO: remove plausible from root layout (to avoid tracking subdomains) */}
45
45
<PlausibleProvider domain="openstatus.dev">
46
-
<ClerkProvider>
47
-
<body className={`${inter.className} ${calSans.variable}`}>
48
-
<Background>{children}</Background>
49
-
<Toaster />
50
-
<TailwindIndicator />
51
-
</body>
52
-
</ClerkProvider>
46
+
<body className={`${inter.className} ${calSans.variable}`}>
47
+
<Background>{children}</Background>
48
+
<Toaster />
49
+
<TailwindIndicator />
50
+
</body>
53
51
</PlausibleProvider>
54
52
</html>
55
53
);
+2
-1
apps/web/src/app/page.tsx
+2
-1
apps/web/src/app/page.tsx
···
1
1
import Link from "next/link";
2
+
import { ClerkProvider } from "@clerk/nextjs";
2
3
import { ChevronRight } from "lucide-react";
3
4
4
5
import { Badge, Button } from "@openstatus/ui";
···
38
39
Open-source monitoring service
39
40
</h1>
40
41
<p className="text-muted-foreground mx-auto mb-6 max-w-lg text-lg">
41
-
OpenStatus is an open source monitoring services with on-call
42
+
OpenStatus is an open source monitoring services with incident
42
43
managements.
43
44
</p>
44
45
{/* much better than using flex without text alignment, text stays center even thought not same length */}
+11
-7
apps/web/src/components/layout/marketing-layout.tsx
+11
-7
apps/web/src/components/layout/marketing-layout.tsx
···
1
+
import { ClerkProvider } from "@clerk/nextjs";
2
+
1
3
import { MarketingFooter } from "./marketing-footer";
2
4
import { MarketingHeader } from "./marketing-header";
3
5
4
6
export function MarketingLayout({ children }: { children: React.ReactNode }) {
5
7
return (
6
-
<main className="flex min-h-screen w-full flex-col items-center justify-center space-y-6 p-4 md:p-8">
7
-
<MarketingHeader className="mx-auto w-full max-w-4xl" />
8
-
<div className="mx-auto flex w-full max-w-4xl flex-1 flex-col items-start justify-center">
9
-
{children}
10
-
</div>
11
-
<MarketingFooter className="mx-auto w-full max-w-4xl" />
12
-
</main>
8
+
<ClerkProvider>
9
+
<main className="flex min-h-screen w-full flex-col items-center justify-center space-y-6 p-4 md:p-8">
10
+
<MarketingHeader className="mx-auto w-full max-w-4xl" />
11
+
<div className="mx-auto flex w-full max-w-4xl flex-1 flex-col items-start justify-center">
12
+
{children}
13
+
</div>
14
+
<MarketingFooter className="mx-auto w-full max-w-4xl" />
15
+
</main>
16
+
</ClerkProvider>
13
17
);
14
18
}
+1
-1
apps/web/src/middleware.ts
+1
-1
apps/web/src/middleware.ts
···
80
80
"/status-page/(.*)",
81
81
"/incidents", // used when trying subdomain slug via status.documenso.com/incidents
82
82
],
83
-
ignoredRoutes: ["/api/og", "/discord", "github"], // FIXME: we should check the `publicRoutes`
83
+
ignoredRoutes: ["/api/og", "/discord", "github", "/status-page/(.*)"], // FIXME: we should check the `publicRoutes`
84
84
beforeAuth: before,
85
85
debug: false,
86
86
async afterAuth(auth, req) {