You can use middleware chaining for this purpose. Here’s how you can achieve this: Create a folder called middlewares in your src folder. Create a file called stackHandler.ts in the middlewares folder and paste this content into it: import { NextMiddleware, NextResponse } from “next/server”; export function stackMiddlewares(functions: MiddlewareFactory[] = [], index = 0): NextMiddleware … Read more
Happened to me when layout.tsx didn’t have <body> and <html> tag. Edit: Here is the exact section from documentation The root layout must define <html> and <body> tags since Next.js does not automatically create them.
I think reading this section in Next docs helps you organize the project folders: https://nextjs.org/docs/app/building-your-application/routing/colocation I tried with many different structures and I finally chose this one: Everything (all folders and files) will be in the /app directory because the /app directory accepts colocation and it’s different from /pages directory which was only for routing … Read more