Детали важны, или как сделать проект на Nuxt боХаче.

Делаем простую, но важную вещь - статичную страницу ошибки 500 (или что угодно на ваш вкус).

Иногда SSR падает слишком рано, в этот момент какой-нибудь layouts/error.vue уже не спасает, и пользователь видит сухое: Server error. Ну не красиво же? (приложу скрин, вдруг не видели).

Как сделать: 1. Создать файл frontend/app/views/error.html 2. Сделать его автономным: - inline CSS - без внешних файлов - текст + кнопка перезагрузки 3. Подключить через build.templates в конфиге: build: templates: [ { src: resolve(__dirname, ‘app/views/error.html’), dst: ‘views/error.html’, }, ], 4. Перезапустить сборку

Итог: Даже если SSR падает в ноль - пользователь видит нормальную страницу. Маленькая доработка, но большая разница в ощущении продукта

Детали важны, или как сделать проект на Nuxt боХаче. | Сетка — социальная сеть от hh.ru Детали важны, или как сделать проект на Nuxt боХаче. | Сетка — социальная сеть от hh.ru