Auth Middleware (NEXTJS 13.4)

Any idea how we can implement auth middleware in the new stable NextJS 13.4 app routing directory.

@Meldiron might be the most knowledgeable person in this topic 👌

Maybe this will help? https://next-js.ssr.almostapps.eu/

Example above should give you great starting point 😇 If you have any further concerns, feel free to ping me

Hi @Meldiron ,

I would like to limit access to specific pages, without loading the content of the pages before checking user's permissions. As I am new to NextJS I am wondering if middleware is the way to do it. But what I read let me think it is.

So to begin with I tried to install the demo of https://next-js.ssr.almostapps.eu/, as you suggested.

But I ran into several issues.

1# - It looks like your demo page is running into a certificate issue (I let you check your browser console when you login and fetch client session).

2# - I dev on localhost, using appwrite cloud endpoint. It looks like the only 2 options here is to modify my hostname file OR selfhost appwrite.

Do you guys at AppWrite have any plan to add a "middleware" easy to use feature soon ? 🙂

1. I’m not entirely clear on what you’re saying here, but I think you’ve cloned the NextJS AlmostSSR and tried to run it locally? If so, and you want to access it via https, that’s something you’ll have to handle
2. You’ll have to create a new Project (either on a self hosted Appwrite instance, or in Cloud) and point the application at this new Project.

Appwrite 1.5 should come with better support for SSR (IIRC), but I don’t think a routing auth middleware is at all planned.

I do like the idea, though, if it can be more genericized

1. The certificate used in the online demo version "https://next-js.ssr.almostapps.eu/" has expired on Jan 13th. 2024

2. is related with this issue : https://github.com/Meldiron/appwrite-ssr-next-js/issues/3