Question 1

Was ist die Vercel Platform im Kontext des Next.js-Deployments?

Accepted Answer

Vercel Platform ist die cloud-native Plattform, die speziell für Next.js entwickelt wurde und Zero-Config-Deployment mit automatischer Framework-Erkennung bietet. Die Plattform optimiert automatisch Builds, konfiguriert das globale Edge Network und aktiviert intelligentes Caching ohne manuelle Konfiguration. Im Gegensatz zu generischen Lösungen wie AWS oder Azure ist Vercel für Next.js-Funktionen wie ISR, Middleware und Server Components mit maximaler Performance optimiert.

Question 2

Wie wird eine Umgebungsvariable im Next.js-Browser verfügbar gemacht?

Accepted Answer

Variablen mit dem Präfix NEXT_PUBLIC_ werden beim Build automatisch dem Client zugänglich gemacht und in das JavaScript-Bundle einbezogen. Variablen ohne dieses Präfix bleiben strikt serverseitig und werden nie an den Browser gesendet, was die Sicherheit von Secrets gewährleistet. Diese Unterscheidung ermöglicht die Verwaltung öffentlicher API-Keys wie NEXT_PUBLIC_STRIPE_KEY, während sensible Secrets wie private Stripe-Schlüssel geschützt bleiben.

Question 3

Was ist der Befehl zum Erstellen eines Next.js-Produktions-Builds?

Accepted Answer

Der Befehl next build generiert eine optimierte Produktionsversion der Anwendung, einschließlich Code-Minifizierung, Bildoptimierung, statischer Seitengenerierung und Asset-Bundling. Dieser Schritt ist vor dem Deployment unverzichtbar, da er den .next-Ordner mit allen optimierten Dateien erzeugt. Der Befehl next start startet dann den Produktionsserver mit diesem optimierten Build.

Next.js Deployment & Produktion

Was ist die Vercel Platform im Kontext des Next.js-Deployments?

Antwort

Wie wird eine Umgebungsvariable im Next.js-Browser verfügbar gemacht?

Antwort

Was ist der Befehl zum Erstellen eines Next.js-Produktions-Builds?

Antwort

Welches Docker-Image als Basis für die Containerisierung von Next.js verwenden?

Wo werden Umgebungsvariablen in Vercel konfiguriert?

Weitere React / Next.js-Interviewthemen

JavaScript-Grundlagen

React-Grundlagen

React Hooks

Komponentenlebenszyklus

React Router

Zustandsverwaltung mit Context

Formulare & Controlled Components

Datenabruf & API

React Query (TanStack Query)

Styling & CSS-in-JS

Next.js Grundlagen

TypeScript mit React

Next.js Data Fetching

Next.js Server Actions

Routing & Navigation in Next.js

Next.js API Routes

Next.js Metadata & SEO

Next.js Middleware & Auth

React Testing

Zustand State Management

React Performance-Optimierung

Error Boundaries & Error Handling

Advanced React Patterns

Erweiterte Next.js-Funktionen

Architecture & Design Patterns

React Server Components

Next.js Internationalisierung

React Sicherheit & Best Practices

Meistere React / Next.js für dein nächstes Interview