RaikuGG Posts - Answer Overflow

RaikuGG

Explore posts from servers

•Created by RaikuGG on 3/25/2025 in #help

Hono + Nextjs with Cloudflare D1 Cookies problem!

Hi, I am try to build a basic app with hono, nextjs, better-auth, drizzle, cloudflare d1. My goal is to deploy the frontend on cloudflare pages, backend (hono) on cloudflare workers, which will be using cloudflare d1 as database. When developing locally I have 2 separate projects running: :3000 nextjs, :8787 hono (with wrangler dev) Repo: https://github.com/raikusy/nextjs-hono-better-auth-d1 Problem 1: I am using Hono RPC, and I have to manually attach cookies to the request. Because apiClient can be called from both server components and client components src/components/blog-list.tsx

const postResponse = await apiClient.api.posts.$get(
    {},
    {
      headers: {
        cookie: (await headers()).get("cookie") ?? "",
      },
    }
  );

const postResponse = await apiClient.api.posts.$get(
    {},
    {
      headers: {
        cookie: (await headers()).get("cookie") ?? "",
      },
    }
  );

Problem 2: On client components for some reason Cookie is empty. the browser has the cookie, but when I try to load it using js-cookie package it shows empty. What am I doing wrong here? src/components/create-post-form.tsx

const getCookie = () => {
  if (typeof window === "undefined") {
    return "";
  }
  const allCookies = Cookies.get();
  console.log("ALL_COOKIES - ", allCookies); // TODO: Fix - better-auth.session_token cookie not preset here!! But it's present in the browser
  const value = `${AUTH_COOKIE_NAME}=${Cookies.get() ?? ""}`;
  console.log("COOKIE VALUE - ", value);
  return value;
};

const getCookie = () => {
  if (typeof window === "undefined") {
    return "";
  }
  const allCookies = Cookies.get();
  console.log("ALL_COOKIES - ", allCookies); // TODO: Fix - better-auth.session_token cookie not preset here!! But it's present in the browser
  const value = `${AUTH_COOKIE_NAME}=${Cookies.get() ?? ""}`;
  console.log("COOKIE VALUE - ", value);
  return value;
};

Also I am looking for a good boilerplate for this stack, which is scalable.

48 replies

BABetter Auth

•Created by RaikuGG on 3/24/2025 in #help

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

13 replies

Gaming

Programming