菜单
Forklarer Findgloeds app-arkitektur — routes, sider, komponenter, API-endpoints, database-schema, auth og services. Brug denne skill ved al frontend- og backend-udvikling på projektet.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Forklarer Findgloeds komplette infrastruktur og deployment-setup. Brug denne skill når der arbejdes med deployment, server-adgang, Docker Compose, domæner, analytics eller GDPR-relaterede spørgsmål.
Validerings-persona (Anders & Mette) for Glød. Det velfungerende par med en skjult længsel — primær målgruppe. Tester indhold mod behovet for tryghed, legitimitet og diskret invitation.
Validerings-persona (Camilla & Martin) for Glød. Det lyst-drevne, velfungerende par — ikke i krise, ikke bekymrede, søger ekspansion og leg. Tester indhold mod par uden problem-narrativ.
Validerings-persona (Frederik) for Glød. Den nysgerrige single — sexpositiv, social, søger oplevelser og fællesskab. Tester indhold mod målgruppen der ikke kommer med problem-narrativ men med ren nysgerrighed.
Validerings-persona (Henrik & Louise) for Glød. Det mand-drevne par — Henrik finder platformen, Louise er gatekeeper. Tester indhold mod inverteret par-dynamik hvor manden er entry point.
Validerings-persona (Line & Kasper) for Glød. Det nysgerrige, men ambivalente par — fremtidig målgruppe. Tester indhold mod behovet for lav tærskel, tryg framing og beskyttelse mod overvældelse.
| name | findgloed-app |
| description | Forklarer Findgloeds app-arkitektur — routes, sider, komponenter, API-endpoints, database-schema, auth og services. Brug denne skill ved al frontend- og backend-udvikling på projektet. |
Frontend: React 18 + TypeScript, Vite, Tailwind CSS + CSS custom properties, Motion (Framer Motion), Better Auth Client, shadcn/ui, Vitest
Backend: Bun runtime, Hono framework, TypeScript, PostgreSQL, Redis, Better Auth, Resend
Al routing er custom SPA i App.tsx — ingen React Router. Navigation via window.history.pushState + popstate events.
| Route | Side | Fil |
|---|---|---|
/ | Landing page — waitlist signup | pages/landing-page.tsx |
/vision | Vision + partner interesse modal | pages/vision-page.tsx |
/privacy | Persondatapolitik | pages/privacy-page.tsx |
/waitlist/confirm | Email-bekræftelse (token) | pages/waitlist-confirm-page.tsx |
/partner/confirm | Partner-bekræftelse (token) | pages/partner-confirm-page.tsx |
/login | Admin login | pages/login-page.tsx |
/admin | Admin dashboard — leads + CSV export | pages/admin-page.tsx |
/design | Design system (feature-flagget) | pages/design-page.tsx |
* | 404 | pages/not-found-page.tsx |
Enkelt HTML entry point: index.html — nginx try_files sender alle routes til React.
PartnerInterestModal (navn, organisation, rolle, region, interesser)/api/waitlist/confirm?token=/api/partner-interest/confirm?token=src/
App.tsx Routing + motion + theme setup
main.tsx React entry point
pages/ En fil per route (se tabel ovenfor)
components/
layout/
site-shell.tsx Hoved-layout: sticky header, nav, grain-baggrund, theme-orbs
partner/
partner-interest-modal.tsx Partner-formular i modal
ui/ shadcn/ui komponenter (19 stk.)
config/
app-config.ts Routes, feature flags (VITE_ENABLE_DESIGN_PAGE, VITE_THEME_PRESET)
design-system.ts Token-grupper, typografi, tema-deskriptorer
lib/
auth-client.ts Better Auth client (bruger VITE_API_URL)
motion.ts Motion-presets, variants, easing, reduced-motion
styles/
tokens.css CSS custom properties (farver, glass surfaces, fonte)
primitives.css Base element-styles
styles.css Hoved-stylesheet
Tilgang: Token-baseret — ingen hardcodede farver i komponenter.
Tokens (CSS custom properties):
--color-accent, --color-link--color-bg-base/mid/end--color-text-primary/secondary/tertiary--glass-header/shell/card/pill-surface (frosted glass med blur)--font-display (serif), --font-body (sans), --font-kickerTemaer: data-theme="legacy" eller data-theme="anthro-v1" på <html>
Motion: data-motion="default" eller data-motion="reduced" — respekterer prefers-reduced-motion
Utility-klasser: glass-pill, glass-shell, hover-glow, glow-cta, ambient-breathe, background-grain
// src/lib/auth-client.ts
authClient.signIn.email({ email, password })
credentials: "include" på admin-requests)/admin via history.pushStateSættes som Docker build args (VITE_* bages ind i JS-bundlen):
| Var | Formål |
|---|---|
VITE_API_URL | API-base URL (default: http://localhost:39564) |
VITE_UMAMI_WEBSITE_ID | Umami analytics website ID |
VITE_ENABLE_DESIGN_PAGE | Feature flag for design-siden |
VITE_THEME_PRESET | legacy eller anthro-v1 |
Base: Hono framework i src/app.ts
Public:
| Method | Endpoint | Beskrivelse |
|---|---|---|
POST | /api/waitlist | Tilmeld waitlist — { email, termsAccepted, marketingOptIn } |
GET | /api/waitlist/confirm?token= | Bekræft email-token |
POST | /api/partner-interest | Partner-interesse — { email, name, organization, role, region, interests[], termsAccepted } |
GET | /api/partner-interest/confirm?token= | Bekræft partner-token |
GET | /api/health | { ok: true, service: "findgloed-api" } |
ALL | /api/auth/* | Better Auth proxy (sign-in, sign-up, session osv.) |
Beskyttede (kræver admin-session):
| Method | Endpoint | Beskrivelse |
|---|---|---|
GET | /api/admin/leads | Alle leads + metadata { total, confirmed, pending } |
4 migrationer i backend/migrations/:
leads (waitlist)
id, email (UNIQUE), source, status (pending/confirmed)confirmation_token_hash, confirmation_token_expires_atterms_accepted_at, privacy_accepted_atmarketing_opt_in, marketing_opt_in_atconfirmed_at, created_at, updated_atconsent_events — audit trail for waitlist-samtykke
lead_id (FK), event_type, occurred_at, metadata_jsonpartner_leads — samme struktur som leads + name, organization, role, region, interests_json (JSONB)
partner_consent_events — audit trail for partner-samtykke
Better Auth tabeller: user, session, account, verification
user.role — custom felt: "admin" eller "user"src/email.ts — ResendEmailService
sendWaitlistConfirm(email, confirmUrl)sendWaitlistWelcome(email)sendPartnerInterestConfirm(email, confirmUrl)sendPartnerInterestReceived(email)src/rate-limit.ts — RedisRateLimiter
waitlist (5/60s), confirm (10/60s), partner_interest, partner_confirmrl:{scope}:{fingerprint}:{emailHash}:{windowBucket}src/db.ts — PostgresLeadRepository
WaitlistRepository + PartnerInterestRepositorysrc/auth.ts — Better Auth
role-felt på userbefore hook: kun emails i adminEmails-whitelist kan oprette kontoensureSuperAdmin() — bootstrap af første admin-bruger ved opstartsrc/index.ts)PostgresLeadRepositoryADMIN_EMAILS + tilføj SUPERADMIN_EMAIL til whitelistensureSuperAdmin() hvis konfigureretPORT (39564 i prod)X-Content-Type-Options: nosniff
X-Frame-Options: DENY
Referrer-Policy: no-referrer
Permissions-Policy: camera=(), microphone=(), geolocation=()
Content-Security-Policy: default-src 'none'; frame-ancestors 'none'
Strict-Transport-Security (hvis ENABLE_HSTS=true)
frontend/src/App.tsx Routing
frontend/src/config/app-config.ts Routes + feature flags
frontend/src/lib/auth-client.ts Better Auth client
frontend/src/lib/motion.ts Animation presets
frontend/src/styles/tokens.css Design tokens
backend/src/index.ts Entry point + bootstrap
backend/src/app.ts Hono routes
backend/src/config.ts Env var parsing
backend/src/auth.ts Better Auth setup
backend/src/db.ts Database repository
backend/src/email.ts Resend email service
backend/src/rate-limit.ts Redis rate limiter
backend/migrations/ SQL migrationer (001-004)