Question 1

Qu'est-ce que Vercel Platform dans le contexte du déploiement Next.js ?

Accepted Answer

Vercel Platform est la plateforme cloud native conçue spécifiquement pour Next.js, offrant un déploiement zero-config avec détection automatique du framework. La plateforme optimise automatiquement le build, configure l'Edge Network global et active le cache intelligent sans configuration manuelle. Contrairement aux solutions génériques comme AWS ou Azure, Vercel est optimisé pour les fonctionnalités Next.js comme ISR, Middleware et Server Components avec des performances maximales.

Question 2

Comment exposer une variable d'environnement au navigateur dans Next.js ?

Accepted Answer

Les variables avec le préfixe NEXT_PUBLIC_ sont automatiquement exposées au client et incluses dans le bundle JavaScript lors du build. Les variables sans ce préfixe restent strictement côté serveur et ne sont jamais envoyées au navigateur, garantissant la sécurité des secrets. Cette distinction permet de gérer les API keys publiques comme NEXT_PUBLIC_STRIPE_KEY tout en protégeant les secrets sensibles comme les clés privées Stripe.

Question 3

Quelle est la commande pour créer un build de production Next.js ?

Accepted Answer

La commande next build génère une version optimisée de l'application pour la production, incluant la minification du code, l'optimisation des images, la génération des pages statiques et le bundling des assets. Cette étape est indispensable avant le déploiement car elle produit le dossier .next contenant tous les fichiers optimisés. La commande next start lance ensuite le serveur de production en utilisant ce build optimisé.

Déploiement & Production Next.js

Qu'est-ce que Vercel Platform dans le contexte du déploiement Next.js ?

Réponse

Comment exposer une variable d'environnement au navigateur dans Next.js ?

Réponse

Quelle est la commande pour créer un build de production Next.js ?

Réponse

Quel fichier Docker utiliser comme base pour conteneuriser Next.js ?

Où configurer les variables d'environnement dans Vercel ?

Autres sujets d'entretien React / Next.js

Les bases de JavaScript

Fondamentaux React

React Hooks

Cycle de vie des composants

React Router

Gestion d'état avec Context

Formulaires & Composants contrôlés

Fetching de données & API

React Query (TanStack Query)

Styling & CSS-in-JS

Fondamentaux Next.js

TypeScript avec React

Data Fetching Next.js

Server Actions Next.js

Routing & Navigation Next.js

API Routes Next.js

Metadata & SEO Next.js

Middleware & Auth Next.js

Testing React

Zustand State Management

Optimisation Performance React

Error Boundaries & Error Handling

Advanced React Patterns

Fonctionnalités avancées Next.js

Architecture & Design Patterns

React Server Components

Internationalisation Next.js

Sécurité & Best Practices React

Maîtrise React / Next.js pour ton prochain entretien