Тестовое задание 21 May 2021
alkaid - портфолио 2021 года, пересобранное на Nuxt с пятью живыми демо
- Nuxt 2
- Vue 2
- Sass
- nuxt-i18n
- SSG
- Responsive
- Accessible
Личное портфолио 2021 года, пересобранное в editorial-сайт на Nuxt: в разделе работ открываются пять встроенных демо - тревел-лендинг, сайт гейм-студии, два агентских портфолио и тревел-маркетплейс - каждое перенесено из разрозненного статического HTML в нативные кликабельные маршруты Nuxt. Vue 2, Sass и nuxt-i18n с английским и русским, статическая сборка.
Задача
Превратить портфолио 2021 года - где пять демо-сайтов были разрозненным статическим HTML, открывались как голые файлы и имели сломанные фильтры, формы и вёрстку - в один цельный, маршрутизируемый и доступный сайт на Nuxt, не переписывая демо на другой фреймворк.
Подход
Сначала переработать оболочку портфолио: editorial-тема в OKLCH, навигатор по секциям, появления по скроллу и собственные страницы ошибок. Затем перенести каждое демо из статического HTML в нативный маршрут Nuxt, который делит оболочку, но изолирует свой CSS, по ходу починить реальные баги и переработать дизайн, и связать карточки работ так, чтобы они открывали эти демо. Добавить двуязычие и доступность повсюду и выпустить как статическую сборку.
Результат
Editorial-портфолио на Nuxt, в разделе работ которого открываются пять живых кликабельных демо, каждое пересобрано из статического HTML в маршрутизируемую страницу с рабочими взаимодействиями. Двуязычное, доступное, адаптивное от 390px, статически собрано и развёрнуто за Caddy.