bayrem🪽 Posts - Answer Overflow

bayrem🪽

Explore posts from servers

•Created by bayrem🪽 on 3/17/2025 in #help

One tap: Google One Tap is only available in browser environments

I use the google one tap api in my NextJS app still i get this error and the One tap doesn't pop up

Google One Tap is only available in browser environments

Google One Tap is only available in browser environments

const UserButton = async () => {
  await authClient.oneTap();

  return (
  //  Things
  );
};

export default UserButton;

const UserButton = async () => {
  await authClient.oneTap();

  return (
  //  Things
  );
};

export default UserButton;

9 replies

BABetter Auth

•Created by bayrem🪽 on 3/17/2025 in #help

Can an Anonymous use their anonymous account multiple times even after they close the app?

And also, when i use the signin anonymous api, an anonymous user gets successfully created in the DB but its doesnt log in the current unlogged session (user) to that user, meaning a new anonymous user gets created everytime this component renders without ever logging in to that user, And also, should i rely on the Anonymous user api if i wanna make a user have a seemless user experience without ever needing to log in?

const UserButton = async () => {
  const session = await auth.api.getSession({
    headers: await headers()
  });

  if (!session?.user) {
    const user = await authClient.signIn.anonymous();
  }

  return (
    <Link href={"/account"}>
      <div className="flex items-center gap-2">
        <div className="">
          <p className="text-xs">{session.user.name}</p>
        </div>
        <Avatar className="size-6">
          <AvatarImage src={session.user.image ?? ""} alt={session.user.name} />
          <AvatarFallback>{session.user.name[0]}</AvatarFallback>
        </Avatar>
      </div>
    </Link>
  );
};

export default UserButton;

const UserButton = async () => {
  const session = await auth.api.getSession({
    headers: await headers()
  });

  if (!session?.user) {
    const user = await authClient.signIn.anonymous();
  }

  return (
    <Link href={"/account"}>
      <div className="flex items-center gap-2">
        <div className="">
          <p className="text-xs">{session.user.name}</p>
        </div>
        <Avatar className="size-6">
          <AvatarImage src={session.user.image ?? ""} alt={session.user.name} />
          <AvatarFallback>{session.user.name[0]}</AvatarFallback>
        </Avatar>
      </div>
    </Link>
  );
};

export default UserButton;

4 replies

PPrisma

•Created by bayrem🪽 on 8/8/2024 in #help-and-questions

Accelerate: I cannot put my MongoDB connection string

21 replies

PPrisma

•Created by bayrem🪽 on 5/6/2024 in #help-and-questions

How to setup Next js apps on Vercel using Prisma....

I've been fighting bugs for ages, Mye learning journey is stuck for months just because i couldn't find a way to deploy my next js app on vercel that uses Prisma and MongoDB, I really have a question How to deploy on vercel with my prisma powered next app? Can I use accelerate on vercel? here are my files and how I use them:

import prisma from "@/lib/db";
import React from "react";

const handleSubmit = async (formData: FormData) => {
  "use server";
  const source = formData.get("source");
  try {
    const submit = await prisma.test.create({
      data: {
        source: source as string,
      },
    });
  } catch (error) {
    console.log(error);
    throw new Error("Something went wrong");
  }
};

const Form = () => {
  return (
    <div>
      <form action={handleSubmit}>
        <input name="source" type="text" />
        <button>Submit</button>
      </form>
    </div>
  );
};

export default Form;

import prisma from "@/lib/db";
import React from "react";

const handleSubmit = async (formData: FormData) => {
  "use server";
  const source = formData.get("source");
  try {
    const submit = await prisma.test.create({
      data: {
        source: source as string,
      },
    });
  } catch (error) {
    console.log(error);
    throw new Error("Something went wrong");
  }
};

const Form = () => {
  return (
    <div>
      <form action={handleSubmit}>
        <input name="source" type="text" />
        <button>Submit</button>
      </form>
    </div>
  );
};

export default Form;

import { PrismaClient } from "@prisma/client";

const prismaClientSingleton = () => {
  return new PrismaClient();
};

declare const globalThis: {
  prismaGlobal: ReturnType<typeof prismaClientSingleton>;
} & typeof global;

const prisma = globalThis.prismaGlobal ?? prismaClientSingleton();

export default prisma;

if (process.env.NODE_ENV !== "production") globalThis.prismaGlobal = prisma;

import { PrismaClient } from "@prisma/client";

const prismaClientSingleton = () => {
  return new PrismaClient();
};

declare const globalThis: {
  prismaGlobal: ReturnType<typeof prismaClientSingleton>;
} & typeof global;

const prisma = globalThis.prismaGlobal ?? prismaClientSingleton();

export default prisma;

if (process.env.NODE_ENV !== "production") globalThis.prismaGlobal = prisma;

5 replies

PPrisma

•Created by bayrem🪽 on 4/16/2024 in #help-and-questions

Deployment to vercel failing

12 replies

Gaming

Programming