Розгортання та Продакшн Next.js
Розгортання Vercel, Docker, змінні середовища, стратегії кешування, моніторинг, logging
1Що таке Vercel Platform у контексті розгортання Next.js?
Що таке Vercel Platform у контексті розгортання Next.js?
Відповідь
Vercel Platform — це хмарна нативна платформа, розроблена спеціально для Next.js, яка пропонує zero-config розгортання з автоматичним виявленням фреймворку. Платформа автоматично оптимізує збірки, налаштовує глобальну Edge Network та вмикає інтелектуальне кешування без ручного налаштування. На відміну від загальних рішень, таких як AWS або Azure, Vercel оптимізований для функцій Next.js, таких як ISR, Middleware та Server Components, з максимальною продуктивністю.
2Як відкрити змінну середовища для браузера у Next.js?
Як відкрити змінну середовища для браузера у Next.js?
Відповідь
Змінні з префіксом NEXT_PUBLIC_ автоматично відкриваються клієнту та включаються до JavaScript бандлу під час збірки. Змінні без цього префіксу залишаються суворо на стороні сервера і ніколи не надсилаються в браузер, гарантуючи безпеку секретів. Це розрізнення дозволяє керувати публічними API-ключами, такими як NEXT_PUBLIC_STRIPE_KEY, захищаючи при цьому чутливі секрети, такі як приватні ключі Stripe.
3Яка команда для створення production build у Next.js?
Яка команда для створення production build у Next.js?
Відповідь
Команда next build генерує оптимізовану виробничу версію додатку, включаючи мінімізацію коду, оптимізацію зображень, генерацію статичних сторінок та бандлінг ресурсів. Цей крок необхідний перед розгортанням, оскільки він створює папку .next з усіма оптимізованими файлами. Команда next start потім запускає виробничий сервер, використовуючи цю оптимізовану збірку.
Який Docker образ використовувати як базовий для контейнеризації Next.js?
Де налаштовувати змінні середовища у Vercel?
+17 питань зі співбесід
Інші теми співбесід React / Next.js
Основи JavaScript
Основи React
React Hooks
Життєвий цикл компонента
React Router
Управління станом з Context
Форми та Controlled Components
Отримання даних та API
React Query (TanStack Query)
Styling & CSS-in-JS
Основи Next.js
TypeScript з React
Data Fetching у Next.js
Server Actions у Next.js
Маршрутизація та Навігація в Next.js
API Routes у Next.js
Metadata & SEO у Next.js
Middleware та Auth у Next.js
Тестування React
Zustand State Management
Оптимізація продуктивності React
Error Boundaries & обробка помилок
Advanced React Patterns
Розширені можливості Next.js
Architecture & Design Patterns
React Server Components
Інтернаціоналізація Next.js
React Безпека & Найкращі Практики
Опануй React / Next.js для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно