Bitely — Landingpage
Einseitige deutschsprachige Marketing-Website für Bitely, ein B2B-SaaS-Produkt, das
Restaurants gerichtgenaues Gästefeedback per QR-Code liefert.
Dieses Repo enthält nur die Landingpage. Sie läuft unter bitely.at.
Die eigentliche App liegt in einem separaten Repo
(Bitely-at/Granular-Feedback)
und läuft unter app.bitely.at.
Der vollständige inhaltliche Brief steht in bitely-website-brief.md.
Stack
- Next.js 16 (App Router, React 19)
- Tailwind CSS 4 + shadcn-Komponenten (
components/ui)
- Framer Motion für Animationen
- pnpm als Paketmanager
- Statischer Export (
output: 'export'), Deployment über GitHub Pages (.github/workflows/deploy.yml, Node 22)
Entwicklung
pnpm install
pnpm dev
Läuft auf http://localhost:3000.
Build
pnpm build
Struktur
| Pfad | Inhalt |
|---|
app/[lang]/ | Layout und Seite, je einmal unter /de und /en |
app/actions/ | Server Action für das Demo-Formular |
components/ | Sektionen der Landingpage (Hero, How it works, …) |
components/ui/ | Wiederverwendbare UI-Bausteine |
lib/dictionaries/ | Alle Texte der Seite, de.ts und en.ts |
lib/ | Hilfsfunktionen, Sprachen (i18n.ts) und Demo-Request-Logik |
proxy.ts | Leitet / auf /de oder /en weiter (Cookie, sonst Browsersprache, sonst Deutsch) |
public/ | Bilder, Logos, Icons |
Hinweise
- Deployment: Push auf
main baut out/ und veröffentlicht es. Einmalig im Repo
Settings → Pages → Source auf „GitHub Actions“ stellen; Custom Domain bitely.at
(public/CNAME) und „Enforce HTTPS“ aktivieren.
- Es gibt keine Server-Runtime: Das Demo-Formular ist ein
mailto:-Link
(components/demo-cta.tsx).
public/index.html leitet / per JavaScript auf /de oder /en weiter (Browsersprache).public/404.html (nach dem Build über out/404.html kopiert, weil Next sie sonst überschreibt) leitet die alten bitely.at-Pfade gedruckter QR-Codes
(/:org/.../table/:n, /:org/staff, /:org/admin) auf app.bitely.at weiter.
Darf weg, sobald alle QR-Codes ersetzt sind.
