nextjs

Nested dynamic routes in Next.js use bracket notation for path segments. Create pages at `pages/[appAlias]/[platformsMode]/[platform]/index.tsx` to capture URL parameters; Next.js automatically passes them as router.query properties, enabling multi-tenant routing for different app instances and platform modes.

Cookie-based authentication in Next.js uses API route middleware pipelines. Create middleware functions like `withAuth` and `withValidation` that wrap your `/api/validate_cookie` endpoint to extract, validate, and persist cookies across requests, enabling secure stateful authentication without tokens.

Redux Toolkit with typed hooks in Next.js provides type-safe state management. Define Redux slices, use `useAppDispatch` and `useAppSelector` hooks with full TypeScript inference, and integrate redux-saga for side effects, ensuring compile-time safety across your Next.js pages and API routes.

Next.js API middleware pipelines chain validation and authentication logic before route handlers execute. Compose middleware functions using higher-order functions that wrap handlers, apply transformations like cookie validation, and pass processed data forward, creating reusable, testable request processing layers.

Next.js supports environment-driven configuration through `.env.local`, `.env.development`, and `.env.production` files. Variables prefixed with `NEXT_PUBLIC_` expose values to the browser; server-side variables remain private, enabling distinct configurations for development, staging, and production without code changes.

React-hook-form integrates with Next.js through a centralized axios wrapper that handles requests to your API routes. Wrap form submissions with your typed HTTP client to ensure consistent error handling, authentication headers, and cookie management across all form submissions in your application.