Javni portfolio
Bilingvalni (EN/SR) portfolio sa home, projekti, usluge, proces i kontakt stranicama, sa premium vizuelnim detaljima i animacijama.
Case Study
Djordje ClientHub — Bilingvalni portfolio i privatni dashboard
Full-stack Next.js aplikacija koja kombinuje javni bilingvalni portfolio (EN/SR) sa zaštićenim internim dashboard-om za upravljanje klijentima, projektima, zadacima i radnim beleškama — izgrađena kroz AI-assisted razvojni workflow.
Galerija projekta
Pregled projekta
Lični projekat koji kombinuje dva dela — javni bilingvalni portfolio i privatni dashboard zaštićen lozinkom za interno upravljanje projektima i klijentima. Izgrađen sa Next.js App Router-om i deployovan na Vercel.
Izazov
- Trebalo je kombinovati profesionalni javni portfolio i privatni alat za upravljanje u jednom codebase-u
- Bilingvalni sadržaj (EN/SR) zahtevao je čistu routing arhitekturu
- Zaštita ruta morala je raditi pouzdano bez posebnog backend servisa
- Dashboard je trebao upravljati klijentima, projektima, zadacima i beleškama
- AI-assisted workflow morao je biti prirodno integrisan u razvojni proces
Ciljevi projekta
- Izgraditi poliran bilingvalni javni portfolio
- Kreirati zaštićeni privatni dashboard
- Implementirati pouzdanu zaštitu ruta bez posebnog backenda
- Zadržati čist i održiv codebase
- Pouzdano deployovati na Vercel bez produkcijskih problema
Šta je izgrađeno
Zaštićeni dashboard
Privatni dashboard dostupan samo nakon prijave, sa sekcijama za klijente, projekte, zadatke i radne beleške.
Zaštita ruta
Middleware-based zaštita ruta koristeći JWT tokene u HTTP-only kolačićima, pouzdano funkcioniše u razvoju i produkciji.
AI-assisted workflow
Kompletan projekat izgrađen kroz AI-assisted razvojni workflow, kombinujući Claude sa manuelnim pregledom koda za brži i čistiji output.
Alati i tehnologije
Next.js 16ReactApp RouterCSS ModulesJWT autentikacijaHTTP-only kolačićiMiddleware zaštita rutaVercel deploymentAI-assisted workflowBilingvalni routingServer i client komponente
Rezultat
Produkcijska full-stack aplikacija koja kombinuje premium javni portfolio sa funkcionalnim privatnim dashboard-om. Projekat demonstrira modernu Next.js arhitekturu, čistu organizaciju koda i pouzdani deployment na Vercel.
- Live bilingvalni portfolio na djordje-clienthub.vercel.app
- Zaštićeni dashboard sa upravljanjem klijentima i projektima
- Pouzdana JWT-based zaštita ruta
- Čista App Router arhitektura
- Izgrađen sa AI-assisted razvojnim workflow-om
Mogući sledeći koraci
- Dodati više dashboard funkcionalnosti (fakturisanje, praćenje vremena)
- Proširiti case study stranice sa više detalja
- Unaprediti dashboard analitiku i izveštavanje
- Dodati email notifikacije za ažuriranja klijenata
- Nastaviti unapređivanje javnog portfolio sadržaja i vizuala
Zainteresovan za Next.js portfolio ili dashboard?
Ako ti treba moderan portfolio, prilagođeni interni alat ili full-stack Next.js aplikacija, mogu da ti pomognem u planiranju i izgradnji.