Головна/React і Next.js/Блупринти/Продуктивність & CI
Раздел • Продуктивність & CI • 2 ТЗ

Продуктивність & CI

Core Web Vitals (INP < 200ms), Satori динамічний OpenGraph, Vitest 4, Playwright та Quality Gates

Прогрес розділу «Продуктивність & CI»
0%(0/2 кроків)
+0 XP0 з 2 вирішено
Продуктивність & CI
~8 год

ТЗ: Высококонверсионный лендинг с Core Web Vitals (LCP < 1.2s) и динамическим OpenGraph

Инженерная спецификация бескомпромиссного лендинга: оптимизация Largest Contentful Paint до 1.2с, шрифты без CLS, динамические OG-картинки на Edge через Satori и микроразметка Schema.org.

Каждые 100 мс задержки стоят нам процентов конверсии. Первый экран должен отображаться моментально, картинки отдаваться в формате AVIF, а при шеринге в Telegram и Twitter подтягиваться динамическая карточка с кастомным заголовком.
Next.js 16next/font/googlenext/image (AVIF/WebP)Satori (@vercel/og)+2
Прогрес: 0 з 1 кроків0%
Продуктивність & CI
~10 год

ТЗ: Комплексный пайплайн тестирования: Vitest + Playwright E2E + GitHub Actions

Инженерная спецификация непрерывного контроля качества: юнит- и интеграционные тесты Vitest (Testing Library), сквозные E2E сценарии в реальных браузерах Playwright и автоматические Quality Gates в CI.

Мы хотим выпускать релизы каждый день и быть уверенными, что кнопка оплаты и добавление промокода работают. Время прогона CI не должно превышать 3 минут.
Vitest 4React Testing Library@testing-library/user-eventPlaywright E2E+2
Прогрес: 0 з 1 кроків0%