Better Auth•2w ago

Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)

Hi I am trying to make better-auth work with nextjs + hono in the cloudflare stack. But I'm having some difficulties doing so! Main goal is: - Nextjs should be deployed to Cloudflare pages. - Hono should be deployed to Cloudflare workers. - Will be using Cloudflare D1 as database. Problems I'm facing: - When I hit /auth/session It doesn't return the session. Actually when I pass c.req.raw.headers in the getSession method, the header doesn't contain the better_session_token cookie. Although I can see the cookie is there in my browser. Idk! Maybe I'm doing something wrong. - Am I doing things the right way? Notes: - I had to manually define /login /register etc auth routes to get typesafety in hono client RPC. I'm just trying to figure out using this stack with better auth. If anyone can help or have any example working repo would be very helpful! Repo: https://github.com/raikusy/nextjs-hono-better-auth-d1

GitHub

GitHub - raikusy/nextjs-hono-better-auth-d1

Contribute to raikusy/nextjs-hono-better-auth-d1 development by creating an account on GitHub.

11 Replies

bekacru•2w ago

make sure when you call fetch to pass credentials: "include"

RaikuGGOP•2w ago

I was able to get cookie in the request. but better-auth getSession returns no session!

bekacru•2w ago

are you pass the headers to auth.api.getSession? also make sure the session exist in the db

RaikuGGOP•2w ago

@bekacru I check the database has sessions, also headers are passed. still getting null

bekacru•2w ago

could you send me your auth config?

RaikuGGOP•2w ago

export function getAuth(c: Context<AppBindings>) {
  return betterAuth({
    secret: c.env.BETTER_AUTH_SECRET,
    // baseURL: c.env.BETTER_AUTH_URL,
    // advanced: {
    //   crossSubDomainCookies: {
    //     enabled: true,
    //     domain: "localhost", // Domain with a leading period
    //   },
    //   defaultCookieAttributes: {
    //     secure: true,
    //     httpOnly: true,
    //     sameSite: "none", // Allows CORS-based cookie sharing across subdomains
    //     partitioned: true, // New browser standards will mandate this for foreign cookies
    //   },
    // },
    trustedOrigins: ["http://localhost:3000", "http://localhost:8787"],
    emailAndPassword: {
      enabled: true,
    },
    plugins: [
      openAPI(),
      magicLink({
        sendMagicLink: async ({ email, url }) => {
          // send email to user
          console.log(email, url);
        },
      }),
    ],
    socialProviders: {
      google: {
        enabled: true,
        clientId: c.env.GOOGLE_CLIENT_ID!,
        clientSecret: c.env.GOOGLE_CLIENT_SECRET!,
      },
    },
    database: drizzleAdapter(
      drizzleD1(c.env.DB, {
        schema: {
          ...schema,
        },
      }),
      {
        provider: "sqlite",
        usePlural: true,
      }
    ),
  });
}

export function getAuth(c: Context<AppBindings>) {
  return betterAuth({
    secret: c.env.BETTER_AUTH_SECRET,
    // baseURL: c.env.BETTER_AUTH_URL,
    // advanced: {
    //   crossSubDomainCookies: {
    //     enabled: true,
    //     domain: "localhost", // Domain with a leading period
    //   },
    //   defaultCookieAttributes: {
    //     secure: true,
    //     httpOnly: true,
    //     sameSite: "none", // Allows CORS-based cookie sharing across subdomains
    //     partitioned: true, // New browser standards will mandate this for foreign cookies
    //   },
    // },
    trustedOrigins: ["http://localhost:3000", "http://localhost:8787"],
    emailAndPassword: {
      enabled: true,
    },
    plugins: [
      openAPI(),
      magicLink({
        sendMagicLink: async ({ email, url }) => {
          // send email to user
          console.log(email, url);
        },
      }),
    ],
    socialProviders: {
      google: {
        enabled: true,
        clientId: c.env.GOOGLE_CLIENT_ID!,
        clientSecret: c.env.GOOGLE_CLIENT_SECRET!,
      },
    },
    database: drizzleAdapter(
      drizzleD1(c.env.DB, {
        schema: {
          ...schema,
        },
      }),
      {
        provider: "sqlite",
        usePlural: true,
      }
    ),
  });
}

RaikuGGOP•2w ago

Here's the repo for complete code - https://github.com/raikusy/nextjs-hono-better-auth-d1

GitHub

GitHub - raikusy/nextjs-hono-better-auth-d1

Contribute to raikusy/nextjs-hono-better-auth-d1 development by creating an account on GitHub.

RaikuGGOP•2w ago

new Hono().get("/session", async (c) => {
    const auth = c.get("auth");
    const db = c.get("db");
    console.log(c.req.raw.headers);
    const allSessions = await db.query.sessions.findMany();
    console.log("allSessions", allSessions);
    const session = await auth.api.getSession({
      headers: c.req.raw.headers,
    });
    console.log("/session", session);
    return c.json(session);
  })

new Hono().get("/session", async (c) => {
    const auth = c.get("auth");
    const db = c.get("db");
    console.log(c.req.raw.headers);
    const allSessions = await db.query.sessions.findMany();
    console.log("allSessions", allSessions);
    const session = await auth.api.getSession({
      headers: c.req.raw.headers,
    });
    console.log("/session", session);
    return c.json(session);
  })

I've solved the issue. The working code is pushed to the repo. Thanks for help everyone

Clément•2w ago

On which commit was this fixed? Thank you for your response.

RaikuGGOP•2w ago

Latest commit on main branch

Gaming

Programming

Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)

Did you find this page helpful?