Realizacja · Aplikacja internetowa
Emanuel Włoch - Full-Stack Software Engineer & Edge Platform
Autorska platforma portfolio z wbudowanym systemem CMS, panelem administracyjnym oraz analityką ruchu na brzegu sieci (Edge).
Projekt w skrócie
Klienci biznesowi, partnerzy komercyjni, rekruterzy IT, inwestorzy
Aplikacja internetowa
Vercel (Edge Network) + Turso (AWS EU-West)
01 · Kontekst
Problem i cel projektu
Portfolio i panel CMS zbudowane w Next.js 16 i React 19. Aplikacja prezentuje projekty, usługi i opinie, obsługuje formularz kontaktowy, bezpieczne logowanie administratora, zarządzanie treścią, trwałe pliki oraz anonimowe statystyki odsłon.
Osiągnięcie ultra-niskich opóźnień (sub-10ms) przy jednoczesnym dynamicznym pobieraniu danych z bazy Turso oraz zapewnieniu płynnej zmiany motywów Light/Dark.
02 · Realizacja
Rozwiązanie
Połączenie Server Components i Server Actions z bazą Turso, walidacją Zod, trwałym ograniczaniem liczby żądań i panelem administracyjnym.
- Błyskawiczny czas ładowania i ocena Lighthouse 95-100
- Globalna baza danych Turso SQLite replikowana na brzegu sieci
- Zabezpieczony panel administracyjny z systemem CMS i edycją cen w czasie rzeczywistym
- Moduł analityki ruchu i odwiedzin z wykresami Recharts
- Interaktywny terminal CLI w sekcji Hero z obsługą komend
- Przełącznik motywów Dark / Light mode z pełną obsługą dostępności
- System bezpośredniego przesyłania i zarządzania zdjęciami z komputera
Technologie dobrane do celu
Frontend
Backend
Narzędzia i usługi
Wydajność, SEO i dostępność
- Next.js 15 App Router z Server Actions
- W pełni typowany kod TypeScript bez błędów w runtime
- System pamięci podręcznej ISR (Incremental Static Regeneration)
- Zero-dług technologiczny i pełna responsywność na telefonach
rozbudowane wsparcie, semantyczny HTML
05 · Efekt
Rezultat
Responsywne portfolio z publicznymi case studies, formularzem kontaktowym oraz panelem CMS.
- Responsywny interfejs
- Dostępność klawiaturą
- Automatyczna walidacja w CI
Pytania o realizację
Jaki był cel projektu Emanuel Włoch - Full-Stack Software Engineer & Edge Platform?
Portfolio i panel CMS zbudowane w Next.js 16 i React 19. Aplikacja prezentuje projekty, usługi i opinie, obsługuje formularz kontaktowy, bezpieczne logowanie administratora, zarządzanie treścią, trwałe pliki oraz anonimowe statystyki odsłon.
Jakie było główne wyzwanie w projekcie Emanuel Włoch - Full-Stack Software Engineer & Edge Platform?
Osiągnięcie ultra-niskich opóźnień (sub-10ms) przy jednoczesnym dynamicznym pobieraniu danych z bazy Turso oraz zapewnieniu płynnej zmiany motywów Light/Dark.
Jakie technologie wykorzystano w projekcie Emanuel Włoch - Full-Stack Software Engineer & Edge Platform?
W projekcie wykorzystano: Next.js 16, React 19, TypeScript, Turso (libSQL), Tailwind CSS v4, Framer Motion, Zod, Recharts, Vercel.
Jaki był rezultat projektu Emanuel Włoch - Full-Stack Software Engineer & Edge Platform?
Responsywne portfolio z publicznymi case studies, formularzem kontaktowym oraz panelem CMS.