Forma X.
A React website with pre-rendered content.
Forma X brings together an introduction to EMS training, content guides and registration for a first session. The React and TypeScript interface is supported by HTML pre-rendering, making content and metadata available in the initial page response.
- OUR ROLE
- Design and development
- TECHNICAL FOUNDATION
- React + Vite
- TECHNOLOGIES
- React
- TypeScript
- Vite
- Tailwind CSS
Forma X,
on your screen.
A bilingual React website with pre-rendered HTML, structured data and training registration.
forma-x.siHow the solution is built.
The key components and what they do.
- 01React + TypeScript
Interface
Reusable components for services, guides and the contact journey.
- 02Vite + pre-rendering
Site build
Generating HTML versions of pages during the site build.
- 03SL / EN + JSON-LD
Content structure
Language versions, canonical URLs and structured data.
The interface in practice.
A bilingual presentation of the service and training packages.
Service content page.
The EMS page combines a service explanation, content sections and links to the next step.
The React components use a consistent structure for Slovenian and English. Metadata and prerendered HTML complement the content.
Pricing and training packages.
An overview of individual and paired training packages.
Packages and booking links form part of the same user journey. Shared components keep headings, offers and next-step actions clearly organised.
Additional project views: November 2026.
Design and development
- HTML pre-rendering
- Slovenian and English content
- Metadata and JSON-LD
- Registration for a first training session
Project capture: November 2026.
Interactive interface and pre-rendering
The React application uses Vite for builds and a separate pre-rendering step. Key pages are generated as HTML, making the core content available to clients that do not run JavaScript.
Bilingual content and technical SEO
The content structure includes Slovenian and English versions, canonical URLs, hreflang tags and JSON-LD data. The sitemap is generated at build time from the route registry and content guides.
Components for the registration journey
Services, pricing, location and registration for an introductory session form a single user journey. The component-based interface uses Tailwind CSS to maintain a consistent structure on mobile and larger screens.