# Next.js API Routes (React / Next.js)

> Route Handlers, GET/POST-Anfragen, Middleware, CORS, Authentifizierung, Fehlerbehandlung

- 20 Interview-Fragen
- Mid-Level
- [Interview-Fragen: React / Next.js](https://sharpskill.dev/de/technologies/react-next/interviewfragen.md)

## 1. Was ist ein Route Handler in Next.js 13+ mit dem App Router?

**Antwort**

Ein Route Handler ist eine Serverfunktion in einer route.ts- (oder route.js-) Datei, die das Erstellen benutzerdefinierter API-Endpunkte ermöglicht. Im Gegensatz zu API Routes des Pages Routers (pages/api-Ordner) befinden sich Route Handlers im app/-Ordner und unterstützen Web Standard Request/Response. Sie verarbeiten HTTP-Anfragen (GET, POST, PUT, DELETE usw.) auf der Serverseite.

## 2. Wie erstellt man einen Route Handler zur Verarbeitung einer GET-Anfrage?

**Antwort**

Um eine GET-Anfrage zu verarbeiten, exportieren Sie eine async-Funktion namens GET in einer route.ts-Datei. Diese Funktion empfängt ein Request-Objekt und gibt eine Response mit NextResponse.json() zurück. Next.js ordnet die exportierte GET-Funktion automatisch den HTTP-GET-Anfragen auf dieser Route zu. Andere HTTP-Methoden (POST, PUT, DELETE, PATCH) folgen demselben Muster mit ihren jeweiligen Namen.

## 3. Was ist der Unterschied zwischen NextResponse und der Standard-Response?

**Antwort**

NextResponse erweitert die Standard-Web-Response-Klasse um Next.js-spezifische Funktionen. Es bietet praktische Methoden wie NextResponse.json() für automatische Serialisierung, NextResponse.redirect() für Weiterleitungen und vereinfacht die Manipulation von Cookies und Headers. Obwohl die Standard-Response funktioniert, wird NextResponse empfohlen, da es den Code vereinfacht und eine bessere Integration mit dem Next.js-Ökosystem bietet.

## 17 weitere Fragen verfügbar

- Wie ruft man Suchparameter (Query-Parameter) in einem Route Handler ab?
- Wie verarbeitet man eine POST-Anfrage und ruft den JSON-Body ab?

Kostenlos registrieren: https://sharpskill.dev/de/login

## Weitere React / Next.js-Interviewthemen

- [JavaScript-Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/javascript-essentials.md): 25 Fragen, Junior
- [React-Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-fundamentals.md): 20 Fragen, Junior
- [React Hooks](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-hooks.md): 22 Fragen, Junior
- [Komponentenlebenszyklus](https://sharpskill.dev/de/technologies/react-next/interviewfragen/component-lifecycle.md): 18 Fragen, Junior
- [React Router](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-router.md): 20 Fragen, Junior
- [Zustandsverwaltung mit Context](https://sharpskill.dev/de/technologies/react-next/interviewfragen/state-management-context.md): 18 Fragen, Junior
- [Formulare & Controlled Components](https://sharpskill.dev/de/technologies/react-next/interviewfragen/forms-controlled-components.md): 20 Fragen, Mid-Level
- [Datenabruf & API](https://sharpskill.dev/de/technologies/react-next/interviewfragen/fetching-data-api.md): 20 Fragen, Mid-Level
- [React Query (TanStack Query)](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-query-tanstack.md): 20 Fragen, Mid-Level
- [Styling & CSS-in-JS](https://sharpskill.dev/de/technologies/react-next/interviewfragen/styling-css-in-js.md): 18 Fragen, Mid-Level
- [Next.js Grundlagen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-fundamentals.md): 25 Fragen, Mid-Level
- [TypeScript mit React](https://sharpskill.dev/de/technologies/react-next/interviewfragen/typescript-react.md): 20 Fragen, Mid-Level
- [Next.js Data Fetching](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-data-fetching.md): 24 Fragen, Mid-Level
- [Next.js Server Actions](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-server-actions.md): 20 Fragen, Mid-Level
- [Routing & Navigation in Next.js](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-routing-navigation.md): 22 Fragen, Mid-Level
- [Next.js Metadata & SEO](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-metadata-seo.md): 18 Fragen, Mid-Level
- [Next.js Middleware & Auth](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-middleware-auth.md): 22 Fragen, Mid-Level
- [React Testing](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-testing.md): 20 Fragen, Mid-Level
- [Zustand State Management](https://sharpskill.dev/de/technologies/react-next/interviewfragen/zustand-state-management.md): 18 Fragen, Mid-Level
- [React Performance-Optimierung](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-performance-optimization.md): 22 Fragen, Senior
- [Error Boundaries & Error Handling](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-error-boundaries.md): 18 Fragen, Senior
- [Advanced React Patterns](https://sharpskill.dev/de/technologies/react-next/interviewfragen/advanced-react-patterns.md): 20 Fragen, Senior
- [Erweiterte Next.js-Funktionen](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-advanced-features.md): 24 Fragen, Senior
- [Next.js Deployment & Produktion](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-deployment-production.md): 20 Fragen, Senior
- [Architecture & Design Patterns](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-architecture-patterns.md): 22 Fragen, Senior
- [React Server Components](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-server-components.md): 26 Fragen, Senior
- [Next.js Internationalisierung](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-internationalization.md): 20 Fragen, Senior
- [React Sicherheit & Best Practices](https://sharpskill.dev/de/technologies/react-next/interviewfragen/react-security-best-practices.md): 22 Fragen, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-api-routes