
Moj lični portfolio v2.0

Nikola Filipovski
Full-Stack Veb Programer
O mom portfoliju v2.0
Nakon uspešnog korišćenja prve verzije portfolija, odlučio sam da napravim potpuno modernizovanu verziju koristeći Next.js 16 i najnovije funkcionalnosti za performanse, skalabilnost i korisničko iskustvo. Ova verzija uključuje dinamički blog, napredno filtriranje projekata i blogova, glatke animacije, unapređenu bezbednost i znatno jednostavniji proces dodavanja novog sadržaja.
Tehnička implementacija
Portfolio je izgrađen korišćenjem Next.js 16 i TailwindCSS za stilizaciju. UI komponente su bazirane na ShadCN UI, dok Framer Motion omogućava moderne i glatke animacije kroz ceo sajt. Backend koristi Drizzle ORM za integraciju sa MySQL bazom, kao i prilagođeni Node.js server za upload slika koji bezbedno hostuje sve slike projekata i blogova. Kliknite ovde da saznate više o custom Node.js upload serveru.
Dinamičke funkcionalnosti projekata i bloga
- Početna stranica dinamički prikazuje tri najnovija projekta radi brzog pregleda aktuelnog rada.
- Blog postovi sadrže sistem navigacije zasnovan na tagovima koji omogućava prikaz svih povezanih postova i projekata.
- Custom admin panel za dodavanje projekata i blog postova sa modernim i pojednostavljenim interfejsom.
- Unapređena bezbednost admin dela uključujući zaštićene rute, 2FA i kontrolu pristupa po uređaju.
Moderan UX i responzivnost
Ova verzija stavlja snažan fokus na moderan i interaktivan korisnički doživljaj:
- Animirani prelazi između stranica i UI elementi uz Framer Motion
- Potpuno responzivan dizajn za mobilne telefone, tablete i desktop uređaje
- Jasna struktura i intuitivna navigacija, kako za posetioce tako i za mene
- Poboljšan SEO na nivou celog sajta kroz optimizovane meta podatke i čist semantički HTML
Unapređeno upravljanje sadržajem
Custom admin panel (CMS) omogućava brzo dodavanje novih projekata i blog postova bez potrebe za izmenom koda. Pisanje blog postova je sada brže i intuitivnije, uz podršku za rich text, upload slika na privatni server i automatske predloge tagova radi bolje organizacije sadržaja.
Rezultat i uticaj
Ažurirani portfolio v2.0 kombinuje profesionalni dizajn, moderne tehnologije i glatke interakcije kako bi pružio prijatno korisničko iskustvo. On služi kao prezentacija mojih projekata, ali i kao platforma za deljenje znanja kroz blog, uz stabilnu infrastrukturu, snažnu bezbednost i potpunu kontrolu nad sadržajem.