Florian Wilde
f02e3597b9
Drei Strategien: Poster und statische Dateien zuerst aus dem Zwischenspeicher, Seiten zuerst aus dem Netz, API-Aufrufe gar nicht. Ein Tracker, der veraltete Stände zeigt, wäre schlimmer als einer, der ehrlich sagt: gerade keine Verbindung. Schreibende Anfragen laufen nie über den Service Worker.
31 lines
1.0 KiB
TypeScript
31 lines
1.0 KiB
TypeScript
import Link from "next/link";
|
|
import type { Metadata } from "next";
|
|
import { FlimmerMark } from "@/components/brand/FlimmerLogo";
|
|
|
|
export const metadata: Metadata = { title: "Keine Verbindung" };
|
|
|
|
/**
|
|
* Rückfallseite des Service Workers.
|
|
*
|
|
* Bewusst ohne Datenzugriff: sie muss auch dann funktionieren, wenn der
|
|
* Server nicht erreichbar ist, und wird deshalb statisch vorgerendert.
|
|
*/
|
|
export default function OfflinePage() {
|
|
return (
|
|
<main
|
|
id="inhalt"
|
|
className="flex min-h-dvh flex-col items-center justify-center px-6 text-center"
|
|
>
|
|
<FlimmerMark className="h-16 w-16" />
|
|
<h1 className="mt-6 text-2xl font-semibold tracking-tight">Gerade keine Verbindung</h1>
|
|
<p className="mt-2 max-w-sm text-[var(--fl-muted)]">
|
|
Flimmer erreicht deinen Server nicht. Bereits geladene Seiten und Poster bleiben verfügbar —
|
|
alles Weitere kommt zurück, sobald die Verbindung wieder steht.
|
|
</p>
|
|
<Link href="/" className="fl-btn fl-btn-primary mt-6">
|
|
Noch einmal versuchen
|
|
</Link>
|
|
</main>
|
|
);
|
|
}
|