Test project 21 May 2021
alkaid - a 2021 portfolio rebuilt in Nuxt with five live demos
- Nuxt 2
- Vue 2
- Sass
- nuxt-i18n
- SSG
- Responsive
- Accessible
A 2021 personal portfolio rebuilt into an editorial Nuxt site whose work section opens five bundled demo builds - a travel landing, a game-studio site, two agency portfolios and a travel marketplace - each lifted from loose static HTML into native, clickable Nuxt routes. Vue 2, Sass and nuxt-i18n with English and Russian, statically generated.
The challenge
Turn a 2021 portfolio - whose five demo sites were loose static HTML opened as bare files, with broken filters, forms and layouts - into one coherent, routed, accessible Nuxt site without rewriting the demos in another framework.
Approach
Rework the portfolio shell first: an editorial OKLCH theme, a section navigator, scroll reveals and custom error pages. Then convert each demo from static HTML into a native Nuxt route that shares the shell but scopes its own CSS, fixing real bugs and redesigning as it goes, and wire the work cards to open them. Add bilingual i18n and accessibility throughout, then ship as a static build.
Result
An editorial Nuxt portfolio whose work section opens five live, clickable demos, each rebuilt from static HTML into a routed page with working interactions. Bilingual, accessible, responsive from 390px, statically generated and served behind Caddy.