RaikuGG
RaikuGG
Explore posts from servers
HHonoBABetter Auth
PostsComments
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
Do you have any guide/working example on how to do that? I saw opennext, to deploy nextjs on cf worker. But can't figure out the complete solution combining next+hono+d1 I have been working with Next + server actions stack for long. Just wanted to try out hono with nextjs and play with some different stacks. Also trying to learn the cloudflare stack by building and deploying apps on it.
48 replies
BABetter Auth
Created by RaikuGG on 3/24/2025 in #help
Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)
Latest commit on main branch
13 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
yeah
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
I know I can use server actions for data fetching. But I want to keep my backend logic to hono. And hono is deployed seperately (cloudflare workers)
48 replies
BABetter Auth
Created by RaikuGG on 3/24/2025 in #help
Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)
I've solved the issue. The working code is pushed to the repo. Thanks for help everyone
13 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
nice! 😀
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
This weird thing is bc of how nextjs behaves. cookies() can be only used on a server action (with a 'use server') / server component. Also any file using 'use server' can only export async functions. So I had to wrap it with a getServerRPC async function. So just in case cached the async function as it will be called in many places. Caching might not be necessary.
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
No description
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
Seems to be a problem with NextJS - https://stackoverflow.com/questions/76274546/next-js-does-not-send-cookies-with-fetch-request-even-though-credentials-are-inc
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
Here's the code to full component - 
import { headers } from "next/headers";
import Image from "next/image";
import Link from "next/link";

import { apiClient } from "@/lib/hc-client";
import { formatDate } from "@/lib/utils";

import { BlogListClient } from "./blog-list-client";

export async function BlogList() {
  const postResponse = await apiClient.api.posts.$get(undefined, {
    headers: {
      cookie: (await headers()).get("cookie") ?? "",
    },
  });
  const posts = await postResponse.json();

  return (
    <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
      <BlogListClient>
        {posts.map((post) => (
          <Link key={post.id} href={`/post/${post.slug}`}>
            <article className="group relative flex flex-col space-y-2">
              <div className="relative aspect-video overflow-hidden rounded-md">
                <Image
                  src={post.coverImage || "/placeholder.svg"}
                  alt={post.title}
                  fill
                  className="object-cover transition-transform duration-300 group-hover:scale-105"
                />
              </div>
              <div className="flex-1 space-y-2">
                <h2 className="group-hover:text-primary line-clamp-1 text-xl font-semibold tracking-tight transition-colors">
                  {post.title}
                </h2>
                <p className="text-muted-foreground line-clamp-2">{post.excerpt}</p>
                <p className="text-muted-foreground text-sm">{formatDate(post.createdAt)}</p>
              </div>
            </article>
          </Link>
        ))}
      </BlogListClient>
    </div>
  );
}
import { headers } from "next/headers";
import Image from "next/image";
import Link from "next/link";

import { apiClient } from "@/lib/hc-client";
import { formatDate } from "@/lib/utils";

import { BlogListClient } from "./blog-list-client";

export async function BlogList() {
  const postResponse = await apiClient.api.posts.$get(undefined, {
    headers: {
      cookie: (await headers()).get("cookie") ?? "",
    },
  });
  const posts = await postResponse.json();

  return (
    <div className="grid gap-8 md:grid-cols-2 lg:grid-cols-3">
      <BlogListClient>
        {posts.map((post) => (
          <Link key={post.id} href={`/post/${post.slug}`}>
            <article className="group relative flex flex-col space-y-2">
              <div className="relative aspect-video overflow-hidden rounded-md">
                <Image
                  src={post.coverImage || "/placeholder.svg"}
                  alt={post.title}
                  fill
                  className="object-cover transition-transform duration-300 group-hover:scale-105"
                />
              </div>
              <div className="flex-1 space-y-2">
                <h2 className="group-hover:text-primary line-clamp-1 text-xl font-semibold tracking-tight transition-colors">
                  {post.title}
                </h2>
                <p className="text-muted-foreground line-clamp-2">{post.excerpt}</p>
                <p className="text-muted-foreground text-sm">{formatDate(post.createdAt)}</p>
              </div>
            </article>
          </Link>
        ))}
      </BlogListClient>
    </div>
  );
}
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
I'm using the RPC in my nextjs server components.
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
No description
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
No description
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
Okay! Thanks I'll look into this
48 replies
HHono
Created by RaikuGG on 3/25/2025 in #help
Hono + Nextjs with Cloudflare D1 Cookies problem!
The browser isn't including this cookie this is issue here! Is it because my frontend and backend is running on different ports?
48 replies
BABetter Auth
Created by RaikuGG on 3/24/2025 in #help
Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)
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);
  })
13 replies
BABetter Auth
Created by RaikuGG on 3/24/2025 in #help
Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)
Here's the repo for complete code - https://github.com/raikusy/nextjs-hono-better-auth-d1
13 replies
BABetter Auth
Created by RaikuGG on 3/24/2025 in #help
Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)
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,
      }
    ),
  });
}
13 replies
BABetter Auth
Created by RaikuGG on 3/24/2025 in #help
Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)
No description
13 replies
BABetter Auth
Created by RaikuGG on 3/24/2025 in #help
Facing difficulties with NextJS + Hono + D1 (Cloudflare stack)
No description
13 replies