@auth0/nextjs-auth0: Successful login but no session (on vercel)

marcusabu · April 5, 2024, 8:10am

Hi all,

Version: @auth0/nextjs-auth0:3.5.0

The login functionality stopped working for my app running in vercel. Locally the login flow still works fine.

According to the logs, the callback method is successfully called but no session in started and no “appSession” cookie is set.

Since there is no error, I’m not sure how to diagnose this problem. Any input would be appreciated!

You can try out the login flow here: https://impressie-ai.nl/

Regards

marcelina.barycka · April 5, 2024, 1:20pm

Hi there @marcusabu !

By any chance, do you maybe miss the SessionStore in your config file residing in Vercel?

import { SessionStore } from './session/stateful-session';

Ref:

github.com

auth0/nextjs-auth0/blob/859f5c7c1db8daac632ae54875cea4af7b236177/src/auth0-session/config.ts#L224


      
           * String value for the cookie name used for the internal session.
           * This value must only include letters, numbers, and underscores.
           * Defaults to `appSession`.
           */
          name: string;
          
          /**
           * By default, the session is stateless and stored in an encrypted cookie. But if you want a stateful session
           * you can provide a store with `get`, `set` and `destroy` methods to store the session on the server side.
           */
          store?: SessionStore<any>;
          
          /**
           * A function for generating a session id when using a custom session store.
           *
           * **IMPORTANT** You must use a suitably unique value to prevent collisions.
           */
          genId?: <Req = any, SessionType extends { [key: string]: any } = { [key: string]: any }>(
            req: Req,
            session: SessionType
          ) => string | Promise<string>;

github.com

auth0/nextjs-auth0/blob/859f5c7c1db8daac632ae54875cea4af7b236177/src/auth0-session/config.ts#L6


      
          import type {
            AuthorizationParameters as OidcAuthorizationParameters,
            ClientAuthMethod
          } from './client/abstract-client';
          import type { Agent } from 'https';
          import { SessionStore } from './session/stateful-session';
          import { Auth0RequestCookies } from './http';
          
          /**
           * Configuration properties.
           */
          export interface Config {
            /**
             * The secret(s) used to derive an encryption key for the user identity in a session cookie and
             * to sign the transient cookies used by the login callback.
             * Use a single string key or array of keys for an encrypted session cookie.

marcusabu · April 5, 2024, 1:38pm

Hey Marcelina,

Thanks for getting back to me. Is this SessionStore required for NextJs? I’ve followed the quick start guide (Auth0 Next.js SDK Quickstarts: Login) which did work for me for a couple of weeks. But I don’t see a reference to this store in the guide, so not sure how to implement this.

If possible, could you provide an example?

Regards

marcelina.barycka · April 8, 2024, 12:43pm

Hi @marcusabu !

Initially, I assumed that making a session stateful was the direction to take. But after additional investigation, I believe the issue might be related to the Vercel’s caching feature.

Please review our Knowledge Solution article - Callback handler fail 400 Bad request with NextJS and let us know if you have any questions!

system · April 22, 2024, 12:43pm

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.

dawid.matuszczyk · July 31, 2024, 9:10pm

Hey team!

This topic seems related to the new Auth0 Integration available new in Vercel Marketplace. This is the first version of this integration, and we welcome your feedback to improve future iterations.

You’ll need an existing Vercel project to use the new integration to build and customize the Identity flow. You can either import your project into Vercel or use a Vercel template so you don’t have to start from scratch like our SaaStart template to deploy a production-ready B2B SaaS app in minutes (learn more here).

If you find yourself having questions regarding this new integration for the next two weeks, we are hosting an Ask Me Anything session. Our Product Expert will provide comprehensive written answers on August 8th from 8 AM to 10 AM PST.

Find out more about Auth0 Integration and learn more about AMA.

Thanks!
Dawid

Topic		Replies	Views
State Cookie Not Generated Post Login (Nextjs) Help sessions , authentication-sessions	14	2045	May 13, 2024
@auth0/nextjs-auth0 - user returns undefined after successful login - vercel Help nextjs-auth0 , sdks-quickstarts	2	409	July 31, 2024
How to Deploy a Next.js App Secured By Auth0 to Vercel Developer Hub authentication , nextjs , vercel	12	2405	October 23, 2024
Next.js/Vercel - CallbackHandlerError: Callback handler failed. CAUSE: Missing state cookie from login request (check login URL, callback URL and cookie config) Help login-experience , new-universal-login-experience	1	277	July 31, 2024
Auth0 Nextjs 14 ssr On vercel just does not work Help apis , application	0	22	August 3, 2024

@auth0/nextjs-auth0: Successful login but no session (on vercel)

Related Topics