Forma X.
React spletno mesto s predizrisom vsebine.
Forma X povezuje predstavitev EMS vadbe, vsebinske vodnike in prijavo na prvi trening. React in TypeScript vmesnik dopolnjuje predizris HTML, da so vsebina in metapodatki na voljo že ob začetnem odgovoru strani.
- NAŠA VLOGA
- Oblikovanje in razvoj
- TEHNIČNA OSNOVA
- React + Vite
- TEHNOLOGIJE
- React
- TypeScript
- Vite
- Tailwind CSS
Forma X,
na vašem zaslonu.
Dvojezično React spletno mesto s predizrisom HTML, strukturiranimi podatki in prijavo na trening.
forma-x.siSestava rešitve.
Ključni deli in njihove naloge.
- 01React + TypeScript
Vmesnik
Ponovno uporabne komponente za storitve, vodnike in kontaktni tok.
- 02Vite + predizris
Gradnja strani
Izdelava HTML različic strani ob gradnji spletnega mesta.
- 03SL / EN + JSON-LD
Vsebinska struktura
Jezikovne različice, kanonični naslovi in strukturirani podatki.
Vmesnik v praksi.
Dvojezična predstavitev storitve in paketov treningov.
Vsebinska stran storitve.
Predstavitev EMS združuje razlago storitve, vsebinske sklope in povezave do naslednjega koraka.
Komponentni React vmesnik uporablja enotno strukturo za slovensko in angleško različico. Vsebino dopolnjujejo metapodatki in predizris HTML.
Cenik in paketi vadbe.
Pregled paketov za individualno vadbo in trening v paru.
Ponudba in povezave do prijave so del iste uporabniške poti. Skupne komponente ohranijo pregledno hierarhijo naslovov, paketov in pozivov k naslednjemu koraku.
Dodatni prikazi projekta: november 2026.
Oblikovanje in razvoj
- Predizris strani v HTML
- Slovenska in angleška vsebina
- Metapodatki in JSON-LD
- Prijava na prvi trening
Posnetek projekta: oktober 2026.
Interaktivni vmesnik in predizris
React aplikacija uporablja Vite za gradnjo in ločen korak predizrisa. Ključne strani se ustvarijo kot HTML, kar omogoča dostop do osnovne vsebine tudi odjemalcem, ki ne izvajajo JavaScripta.
Dvojezičnost in tehnični SEO
Vsebinsko strukturo dopolnjujejo slovenske in angleške različice, kanonični naslovi, oznake hreflang ter podatki JSON-LD. Zemljevid strani se ustvari ob gradnji iz registra poti in vsebinskih vodnikov.
Komponente za pot do prijave
Ponudba, cenik, lokacija in prijava na uvodni trening so povezani v enoten uporabniški tok. Komponentni vmesnik z uporabo Tailwind CSS ohranja dosledno strukturo na mobilnih in večjih zaslonih.