# Next.js Middleware & Auth (React / Next.js)

> Middleware, NextAuth.js, JWT, Sitzungsverwaltung, geschützte Routen, RBAC

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

## 1. Was ist Middleware in Next.js?

**Antwort**

Next.js Middleware ist Code, der ausgeführt wird, bevor eine Anfrage verarbeitet wird, und es ermöglicht, die Antwort zu ändern, umzuleiten, Headers hinzuzufügen oder den Zugriff zu blockieren. Sie läuft auf der Edge Runtime für optimale Leistung. Typischerweise wird sie für Authentifizierung, Geolokalisierung oder Logging verwendet.

## 2. Wo platziert man die Middleware-Datei in einem Next.js-Projekt mit App Router?

**Antwort**

Die Datei middleware.ts (oder .js) muss im Projektstamm platziert werden, auf derselben Ebene wie der app-Ordner. Next.js erkennt diese Datei automatisch und führt sie für alle Routen aus. Alternativ kann sie im src-Ordner platziert werden, wenn das Projekt diese Struktur verwendet.

## 3. Wie definiert man die Routen, auf denen die Middleware ausgeführt wird?

**Antwort**

Die Verwendung der matcher-Konfiguration in der Middleware ermöglicht die Angabe betroffener Routen über Pfadmuster. Standardmäßig wird die Middleware auf allen Routen außer statischen Dateien ausgeführt. Der Matcher unterstützt Wildcards und Regex für eine präzise Steuerung der Zielrouten.

## 19 weitere Fragen verfügbar

- Was ist der Hauptvorteil der Verwendung von NextAuth.js für die Authentifizierung?
- Wie schützt man eine Route mit Next.js-Middleware?

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 API Routes](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-api-routes.md): 20 Fragen, Mid-Level
- [Next.js Metadata & SEO](https://sharpskill.dev/de/technologies/react-next/interviewfragen/nextjs-metadata-seo.md): 18 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-middleware-auth