Module Middleware/Rolling Cookie

The rolling cookie middleware allows you to prolong the expiration of a cookie by updating the expiration date on every request.

First, create a rolling cookie middleware instance:

import { createRollingCookieMiddleware } from "remix-utils/middleware/rolling-cookie";

// This must be a Cookie or TypedCookie instance
import { cookie } from "~/cookies";

export const [rollingCookieMiddleware] = createRollingCookieMiddleware({
	cookie,
});
Copy

Then, add the rollingCookieMiddleware to the middleware array in your app/root.tsx file.

import { rollingCookieMiddleware } from "~/middleware/rolling-cookie.server";

export const middleware: Route.MiddlewareFunction[] = [rollingCookieMiddleware];
Copy

Now, every request will have the cookie updated with a new expiration date.

Author

• Sergio Xalambrí

License

• MIT License