Опис проєкту
ПерекладУ нас є маркетинговий сайт з блогом, який за роки став повільним та важким, і ми хочемо перезібрати його з нуля як швидке Jamstack-додаток. Ваше завдання — взяти існуючі сторінки, структуру та контент та повторно реалізувати їх через статичну генерацію: на Astro чи на статичному експорті Next, що саме — вирішуєте та обґрунтовуєте під наш випадок. Мета — сайт, який відкривається миттєво, майже не грузить зайвий JavaScript та показує зелені значення за всіма метриками Core Web Vitals як на мобільних, так і на десктопі. Дизайн, тексти та структура вже є, тому це переважно інженерне завдання про продуктивність, а не редизайн, хоча розумні поліпшення розмітки та семантики ми вітаємо.
Контент повинен приходити з headless-джерела даних, а не бути зашитим у код, щоб редактори продовжували публікувати пости та лендинги без правок у вихідниках. Вам потрібно описати типи контенту, пов'язати збірку з цим джерелом на етапі генерації та отримати повністю статичний HTML для кожного маршруту. Чекаємо чисту доступну семантичну розмітку, адаптивні зображення у сучасних форматах із корректними розмірами, акуратне звернення зі шрифтами та сторонніми скриптами та продуману стратегію кешування на межі CDN. Деплой потрібно автоматизувати так, щоб зміна контенту або пуш коду запускали перезбірку та публікацію на CDN без ручних кроків. Опишіть, як працює весь конвеєр, щоб команда могла його підтримувати.
Нам важливий вимірюваний результат, а не просто зміна фреймворку. До та після ми хочемо бачити реальні цифри: largest contentful paint, cumulative layout shift, затримка взаємодії, total blocking time та вага сторінки, виміряні на репрезентативних сторінках та на обмеженому з'єднанні.
— Статична генерація всіх маршрутів сайту та блога на Astro або Next static export
— Headless-джерело даних для постів та сторінок, змодельований та підключений до збірки
— Адаптивні зображення, оптимізовані шрифти та мінімум клієнтського JavaScript
— Автоматичний деплой на CDN за зміною контенту або коду
— Описаний конвеєр та звіти Core Web Vitals до та після
Контент повинен приходити з headless-джерела даних, а не бути зашитим у код, щоб редактори продовжували публікувати пости та лендинги без правок у вихідниках. Вам потрібно описати типи контенту, пов'язати збірку з цим джерелом на етапі генерації та отримати повністю статичний HTML для кожного маршруту. Чекаємо чисту доступну семантичну розмітку, адаптивні зображення у сучасних форматах із корректними розмірами, акуратне звернення зі шрифтами та сторонніми скриптами та продуману стратегію кешування на межі CDN. Деплой потрібно автоматизувати так, щоб зміна контенту або пуш коду запускали перезбірку та публікацію на CDN без ручних кроків. Опишіть, як працює весь конвеєр, щоб команда могла його підтримувати.
Нам важливий вимірюваний результат, а не просто зміна фреймворку. До та після ми хочемо бачити реальні цифри: largest contentful paint, cumulative layout shift, затримка взаємодії, total blocking time та вага сторінки, виміряні на репрезентативних сторінках та на обмеженому з'єднанні.
— Статична генерація всіх маршрутів сайту та блога на Astro або Next static export
— Headless-джерело даних для постів та сторінок, змодельований та підключений до збірки
— Адаптивні зображення, оптимізовані шрифти та мінімум клієнтського JavaScript
— Автоматичний деплой на CDN за зміною контенту або коду
— Описаний конвеєр та звіти Core Web Vitals до та після
Розробка для WEB Готівка, Банківський переказ
