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.