Portfolio web-stranica
Moderan portfolio web-sajt koji prikazuje profesionalne radove s glatkim animacijama i podrškom za više jezika.
Pregled projekta
O projektu
Profesionalno izrađena portfolio web-stranica osmišljena za učinkovito prikazivanje vještina, projekata i usluga. Stranica koristi glatke animacije pokretane Framer Motion-om koje stvaraju privlačno korisničko iskustvo i ističu kvalitetu rada. Izgrađena je modernim web-tehnologijama i postavljena na Vercel za optimalne performanse i pouzdanost. Integrirani kontaktni sustav omogućuje jednostavnu komunikaciju s potencijalnim klijentima.
Korištene tehnologije
Razvijeno s Next.js radi server-side renderinga i SEO optimizacije, TypeScript za robusnost koda, Tailwind CSS za responzivni dizajn, Framer Motion za fluidne animacije i prijelaze, Resend za funkcionalnost kontakt forme, Vercel za deployment i hosting te cjelovita i18n podrška za višejezično sadržavanje.
Ključne značajke
Glatke animacije
Angažirajuće animacije pri skrolanju i prijelazi stranica koristeći Framer Motion za premium korisničko iskustvo.
Podrška za više jezika
Potpuna internacionalizacija s jednostavnim prebacivanjem jezika za globalnu publiku.
Integracija kontakta
Profesionalna kontakt forma s e-mail integracijom putem Resend-a za pouzdanu komunikaciju.
Responzivni dizajn
Potpuno responzivan dizajn za sve uređaje s optimiziranim rasporedom za desktop, tablet i mobilne uređaje.
Detalji implementacije
Izgrađeno s Next.js 14 App Router-om koristeći server i client komponente za optimalne performanse. Framer Motion pruža glatke prijelaze stranica i animacije pokrenute skrolanjem. Tailwind CSS omogućuje brzo razvijanje UI-a s dosljednim dizajnom. Kontakt forma integrira Resend API za pouzdano slanje e-mailova s validacijom i zaštitom od spama. Next-intl upravlja rutama i sadržajem za više jezika. Postavljeno na Vercel s automatskim deployment-ima, edge funkcijama i globalnim CDN-om za brzo učitavanje.