franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): add not found page

Browse Source
This commit is contained in:
Aman Varshney
2025-08-04 09:47:16 +05:30
parent 37e4e9ae43
commit bf42b60a04
3 changed files with 85 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/config.json
View File

@@ -7,8 +7,5 @@
"access": "public",
"baseBranch": "main",
"updateInternalDependencies": "patch",
"ignore": [
"@better-t-stack/backend",
"web"
]
"ignore": ["@better-t-stack/backend", "web"]
}

6
apps/web/scripts/generate-analytics.ts
View File

@@ -188,7 +188,7 @@ async function generateAnalyticsData() {
row["*.properties.examples.1"],
].filter(Boolean);
if (examples.length === 0) {
examplesCounts["none"] = (examplesCounts["none"] || 0) + 1;
examplesCounts.none = (examplesCounts.none || 0) + 1;
} else {
for (const example of examples) {
examplesCounts[example] = (examplesCounts[example] || 0) + 1;
@@ -205,7 +205,7 @@ async function generateAnalyticsData() {
row["*.properties.addons.5"],
].filter(Boolean);
if (addons.length === 0) {
addonsCounts["none"] = (addonsCounts["none"] || 0) + 1;
addonsCounts.none = (addonsCounts.none || 0) + 1;
} else {
for (const addon of addons) {
addonsCounts[addon] = (addonsCounts[addon] || 0) + 1;
@@ -354,7 +354,7 @@ async function generateAnalyticsData() {
monthlyTimeSeries: Object.entries(monthlyCounts)
.map(([month, count]) => ({
month,
displayMonth: new Date(month + "-01").toLocaleDateString("en-US", {
displayMonth: new Date(`${month}-01`).toLocaleDateString("en-US", {
month: "short",
year: "numeric",
}),

81
apps/web/src/app/not-found.tsx Normal file
View File

@@ -0,0 +1,81 @@
"use client";
import { FileX, Home, Terminal } from "lucide-react";
import Link from "next/link";
export default function NotFound() {
return (
<div className="mx-auto min-h-svh max-w-[1280px]">
<main className="mx-auto px-4 pt-12">
<div className="mb-8">
<div className="mb-6 flex flex-wrap items-center justify-between gap-2 sm:flex-nowrap">
<div className="flex items-center gap-2">
<Terminal className="h-4 w-4 text-primary" />
<span className="font-bold text-lg sm:text-xl">
ERROR_404.TXT
</span>
</div>
<div className="h-px flex-1 bg-border" />
<span className="text-muted-foreground text-xs">
[PAGE NOT FOUND]
</span>
</div>
</div>
<div className="mb-8 grid grid-cols-1 gap-4 lg:grid-cols-2">
<div className="flex h-full flex-col justify-between rounded border border-border p-4">
<div className="mb-4 flex items-center justify-between">
<div className="flex items-center gap-2">
<FileX className="h-4 w-4 text-primary" />
<span className="font-semibold text-sm">ERROR_DETAILS</span>
</div>
<div className="rounded border border-border bg-muted/30 px-2 py-1 text-xs">
404
</div>
</div>
<div className="space-y-3">
<div className="flex items-center justify-between rounded border border-border p-3">
<div className="flex items-center gap-2 font-mono text-sm">
<span className="text-primary">$</span>
<span className="text-foreground">
Page not found in directory
</span>
</div>
<div className="rounded border border-border bg-destructive/10 px-2 py-1 text-destructive text-xs">
ERROR
</div>
</div>
</div>
</div>
<Link href="/">
<div className="group flex h-full cursor-pointer flex-col justify-between rounded border border-border p-4 transition-colors hover:bg-muted/10">
<div className="mb-4 flex items-center justify-between">
<div className="flex items-center gap-2">
<Home className="h-4 w-4 text-primary transition-transform group-hover:scale-110" />
<span className="font-semibold text-sm">GO_HOME</span>
</div>
<div className="rounded border border-border bg-muted/30 px-2 py-1 text-xs">
SAFE
</div>
</div>
<div className="space-y-3">
<div className="flex items-center justify-between rounded border border-border p-3">
<div className="flex items-center gap-2 text-sm">
<Home className="h-4 w-4 text-primary" />
<span className="text-foreground">Return to homepage</span>
</div>
<div className="rounded border border-border bg-muted/30 px-2 py-1 text-xs">
NAVIGATE
</div>
</div>
</div>
</div>
</Link>
</div>
</main>
</div>
);
}