intermediate

Pages

Статические и Jamstack frontend: preview builds, edge functions, переменные окружения и адаптеры фреймворков.

Pages хостит статические сайты и Jamstack frontend с Git-сборками, preview deploy на каждую ветку и опциональными Pages Functions (Workers) для serverless API routes. Типичный FullStack JS flow: Vite или Next static export на Pages, API на Workers или отдельном Node-хосте, env-переменные для preview и production.

| Возможность | Применение | |-------------|------------| | Git integration | Автосборка при push | | Preview URLs | Review PR до merge | | Build command | `npm run build` и output dir | | Functions | `/functions` или Workers binding |

Настройте версию Node, build cache и preset фреймворка. Custom domains подключаются через Cloudflare DNS с автоматическим HTTPS.

На интервью: Pages vs Vercel/Netlify, секреты preview env, ограничения SSR, связка Functions с KV/R2 и отладка падений CI-сборки.

Типовые ошибки: утечка preview env в client bundle; ожидание полного Next.js SSR без adapter; неверный output directory; API keys в публичных `VITE_` переменных.

Компромисс — интегрированный edge-хостинг и preview против лимитов фреймворков и разнесения backend по платформам.

Чеклист:

  • Разделяйте public build-time и server secrets.
  • Фиксируйте Node и lockfile в CI.
  • Проверяйте preview URLs до promotion в production.
  • Согласуйте bindings Functions с production Workers.