Did you manage to find something?

I think thats the way to go:

https://github.com/nextauthjs/next-auth/blob/main/apps/examples/nextjs/middleware.ts

I migrated just now. Not yet tested from my side but thats how I am going to do it

Yeah I have no idea why it's not working for me. Maybe I am overlooking something small

Any idea @Sun bear?

Based on your auth.ts

callbacks: {
        authorized({ request, auth }) {
            const { pathname } = request.nextUrl
            if (pathname === "/tester") return !!auth
            return true
        },
    }

I would expect only /tester to be affected by the middleware.

If I were you I would change the middleware for testing to:

export default auth((req) => {
console.log("auth middleware test")
console.log(req.auth)
})

export const config = {
  matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
}

Then first visit /tester and then the other pages just to see if the middleware is executed and when exactly

I dont even see in the logs that the middleware is compiled, whereas with the example it is. I copied package.json, removed node_modules and everything. TSConfig is identical...

Ok so I found the culprit

It only seems to work with app/ dir, not src/app

Is that a potential bug?

Nope nevermind, docs clearly state that it should live next to the app directory

Moving the middleware and auth.ts to src/ directory works!

hold on, that's not the OP

Not sadly

I got it working, it matters where the middleware is located. You got a way to reproduce your situation?

Are you using prisma as well? Because I found out edge doesn't support prisma

I don't, I don't use edge as well

Yeah, that's my problem sadly, but found a workaround

Where are you putting the middleware file?

Since you're here, can I please ask you another question?

I'm learning next js and following a tutorial. He's importing a server component into a client component, and I don't understand how is this acceptable, when something imported into a client component will become a client component as well. In this {addTodo} component, he fetches the database and creates entries, isn't this unsafe?

This is basically what he imports into the client component:

in the same folder as where my app folder is

so either next to package.json or in the src directory if the app directory is in the src dir

okay, thank you very much!

Hopefully it will help you! 😄

Yeah! Are you a solo dev btw?

yeah

just tinkering around

Yeah me too, just started

Did you have any success with saas or something similar?

I've have my fair share of SaaS experience, yes

That's great, how do you promote your stuff? I tried launching a few smaller projects, but no one found it basically

Oh yeah I don't really, I just work at SaaS companies lol

I have no idea how I will promote my next upcoming product, I guess Twitter?

got it, that's cool also

yeah, might try to do that, thanks

And thank you for your help!

Have a nice day