SKC Vukovar – Digitalna kulturna platforma

SKC Vukovar – Digitalna kulturna platforma

SKC Vukovar je moderna web platforma razvijena u Next.js 16 (App Router) arhitekturi sa Strapi CMS backend-om, namenjena upravljanju kulturnim sadržajem, događajima, publikacijama i informacijama o radu centra.

Projekat je zahtevao fleksibilan sistem za upravljanje sadržajem, potpunu višejezičnu podršku i visoke SEO performanse, uz administrativnu jednostavnost za urednike sadržaja.

Tehnička arhitektura

Frontend • Next.js 16 (App Router) • React 19 • TypeScript • TailwindCSS • Radix UI (accessible components) • Framer Motion (animacije) • next-intl (internacionalizacija) • react-markdown + remark-gfm (Markdown rendering) • sharp (optimizacija slika)

Backend • Strapi CMS • REST / API integracija • Media management sistem

⸻

Ključne implementacije

Headless CMS arhitektura

Strapi služi kao centralni sistem za: • Objavu vesti i događaja • Upravljanje publikacijama • Administraciju medijskog sadržaja • Strukturirano upravljanje višejezičnim sadržajem

Frontend aplikacija dinamički povlači podatke i renderuje sadržaj uz SEO-optimizovan SSR pristup.

⸻

Internacionalizacija (next-intl)

Implementirana je puna višejezična podrška, uključujući: • Dinamički routing po jeziku • Lokalizovane URL strukture • Prevod statičkog i dinamičkog sadržaja • SEO metadata po jeziku

Ovo je ključno za institucije sa širim regionalnim dometom.

⸻

Markdown & Content Rendering

Sadržaj iz Strapi-ja se renderuje kroz react-markdown uz GFM podršku: • Tabele • Liste • Formatirani tekst • Linkovi i rich content

Ovo omogućava urednicima fleksibilno oblikovanje sadržaja bez potrebe za developerskom intervencijom.

⸻

UI/UX sistem

Korišćene su Radix UI komponente za: • Dropdown sisteme • Toast notifikacije • Switch i interaktivne kontrole

Animacije su implementirane putem Framer Motion-a kako bi platforma zadržala moderan i dinamičan vizuelni identitet, bez kompromisa po performanse.

⸻

SEO optimizacija • next-sitemap za automatsko generisanje sitemap-a • Dinamičko generisanje metadata • SSR rendering • Optimizacija slika putem Sharp-a

⸻

Produkcioni deploy

Aplikacija je pripremljena za produkcioni rad uz: • Build optimizaciju • Cache kontrolu • VPS deploy konfiguraciju • Stabilnu integraciju sa Strapi backend-om

⸻

Rezultat • Fleksibilan CMS sistem za urednike • Stabilna višejezična arhitektura • SEO optimizovana struktura • Moderna, animirana i responzivna UI platforma

⸻

Zašto je ovaj projekat bitan?

Ovo nije “informativni sajt”. Ovo je headless kulturna platforma sa skalabilnom CMS arhitekturom i profesionalnim i18n sistemom.