Implementační Plán (Fáze 1: Walking Skeleton)
Cíl: Vytvořit funkční kostru aplikace (Next.js + Supabase) s nasazením na Vercel.
1. Inicializace Projektu (Next.js)
- [ ] Clean Setup: Smazat/archivovat staré pokusy.
- [ ] Next.js Init:
pnpm create next-app@latest .- TypeScript: Yes
- Tailwind: Yes
- ESLint: Yes
- App Router: Yes
- Src Directory: Yes
- Import Alias:
@/*
- [ ] Shadcn UI Init:
npx shadcn-ui@latest init- Style: New York
- Base Color: Zinc
- CSS Variables: Yes
- [ ] Základní Komponenty: Instalace
button,input,card,dialog,toast. - [ ] i18n Setup:
pnpm add next-intl— CZ/EN od začátku. Middleware +messages/cs.json+messages/en.json.
2. Supabase Setup
- [ ] Lokální Vývoj:
npx supabase init&npx supabase start. - [ ] Environment: Nastavení
.env.local(NEXT_PUBLIC_SUPABASE_URL,NEXT_PUBLIC_SUPABASE_ANON_KEY). - [ ] Auth: Povolení Email/Password a Google Provider v Supabase Config.
- [ ] Databáze: Vytvoření migrace
0000_init_schema.sqlpodle Datový Model.
3. Základní UI (App Shell)
- [ ] Layout: Header (Logo Sofie), Sidebar (Navigace), Footer.
- [ ] Public Pages:
/login(Auth formulář)./(Landing page - přesměrování na dashboard nebo login).
- [ ] Protected Pages (vyžadují login):
/dashboard(Rozcestník)./evidence(Seznam prací)./attendance(Docházka).
4. AI Integrace (Gemini)
- [ ] Vercel AI SDK:
pnpm add ai @ai-sdk/google. - [ ] API Route:
/api/chat(Simple chatbot endpoint). - [ ] UI Chatbot: Plovoucí tlačítko "Sofie" v pravém dolním rohu.
5. Deployment
- [ ] GitHub: Push do
main. - [ ] Vercel: Napojení repozitáře, nastavení ENV proměnných.
- [ ] Ověření: Funkční
https://kosmo-sofie.vercel.app(nebo custom doména).
6. Validace s Uživateli (UAT)
- [ ] Demo řediteli: Po Walking Skeleton (funkční login + chat). Cíl: "Ano, tohle chceme."
- [ ] Beta (3-5 rodičů): Po prvním sprintu (chat + omluvenky + docházka). Sběr zpětné vazby.
- [ ] Rozšířená beta (třída): Celá třída (1 učitel + rodiče). Validace reálného provozu.
- [ ] Plný rollout: Po prázdninách (září 2026). Všichni rodiče ZŠ.