Is it a correct way to get Clerk user data ...?

N

Neto•4/16/23, 2:37 PM

from the docs, should be the correct way of using it

N

Neto•4/16/23, 2:37 PM

only thing to be careful is getting rate limited with multiple requests

NNeto only thing to be careful is getting rate limited with multiple requests

A

AaronOP•4/16/23, 2:44 PM

yes, I'm worried about this.

If I have same user comments, is Clerk going to fetch multiple times for that user data?

sorry for my bad English.

N

Neto•4/16/23, 2:45 PM

if you need the user data consistently

N

Neto•4/16/23, 2:45 PM

you can store local copies in the database

Solution

N

Neto•4/16/23, 2:46 PM

https://clerk.com/docs/integration/webhooks

Webhooks | Clerk

Information about receiving event notifications with Clerk webhooks

AAaron yes, I'm worried about this. If I have same user comments, is Clerk going to f...

A

AaronOP•4/16/23, 2:49 PM

because I want to show user info in comments like this:

NNeto https://clerk.com/docs/integration/webhooks

A

AaronOP•4/16/23, 2:49 PM

I know this, but I had some problem with expose local ip

A

AaronOP•4/16/23, 2:50 PM

https://github.com/localtunnel/localtunnel/issues/563

GitHub

408 when connecting to a url? · Issue #563 · localtunnel/localtunnel

I'm currently exposing a websocket server (port 8080) on my server, through a node.js file: import { WebSocketServer } from "ws"; import localTunnel from "localtunnel"; cons...

N

Neto•4/16/23, 2:51 PM

you can use some external service on dev, and the correct callback on production

N

Neto•4/16/23, 2:51 PM

https://webhook.site/

Webhook.site - Test, process and transform emails and HTTP requests

Instantly generate a free, unique URL and email address to test, inspect, and automate (with a visual workflow editor and scripts) incoming HTTP requests and emails

N

Neto•4/16/23, 2:51 PM

like this one

NNeto like this one

A

AaronOP•4/16/23, 2:58 PM

how? this tool looks like only do inspect data

N

Neto•4/16/23, 2:59 PM

with the webhook payload you can copy into your local database

A

AaronOP•4/16/23, 2:59 PM

I already code some logic

N

Neto•4/16/23, 3:00 PM

you can copy the webhook payload

N

Neto•4/16/23, 3:00 PM

and call yourself your local endpoint

A

AaronOP•4/16/23, 3:01 PM

i see

NNeto and call yourself your local endpoint

A

AaronOP•4/16/23, 3:11 PM

thx you, I think I will use the webhook solution.

N

Neto•4/16/23, 3:12 PM

Glad to help

NNeto Glad to help

A

AaronOP•4/16/23, 3:43 PM

https://media.discordapp.net/attachments/1018435237174325330/1097185267993018398/image.png

A

AaronOP•4/16/23, 3:43 PM

found another solution

F

fjzon•4/16/23, 7:51 PM

if I would install the

@clerk/nextjs/server

@clerk/nextjs/server

library. Would I still be able to create a procedure with this and use it inside my expo application (create-t3-turbo)?

J

James Perkins•4/16/23, 8:12 PM

https://github.com/clerkinc/t3-turbo-and-clerk

@Sports Live you might want to look at our clerk T3 turbo to understand how data fetching works across everything but the you can call procedures using expo from trpc

GitHub

GitHub - clerkinc/t3-turbo-and-clerk: A t3 Turbo starter with Clerk...

A t3 Turbo starter with Clerk as the auth provider. - GitHub - clerkinc/t3-turbo-and-clerk: A t3 Turbo starter with Clerk as the auth provider.

A

AaronOP•4/17/23, 12:39 AM

for the ppl who has the same localtunnel problem.

you can try ngrok, it's working for me:

JJames Perkins https://github.com/clerkinc/t3-turbo-and-clerk @Sports Live you might want to l...

A

AaronOP•4/17/23, 12:49 AM

how to get the

profile_image_url

profile_image_url

from

images.clerk.dev

images.clerk.dev

when using webhook?

J

James Perkins•4/17/23, 12:52 AM

it comes right after the create hook in the updated hook. we have to process the image so the first one retuned is the OG image.

A

AaronOP•4/17/23, 12:54 AM

I see, thx for your answer.

A

AaronOP•4/17/23, 1:24 AM

nvm

A

AaronOP•4/17/23, 1:24 AM

I was doing stupid thing

A

AaronOP•4/17/23, 1:25 AM

A

AaronOP•4/17/23, 1:25 AM

it is

images.clerk.dev

images.clerk.dev

A

AaronOP•4/17/23, 1:28 AM

sharing my webhook: (

/api/webhook/create-user.ts

/api/webhook/create-user.ts

)

import { clerkClient } from '@clerk/nextjs/server'
import { z } from 'zod'

import { prisma } from '~/server/db'

import type { NextApiRequest, NextApiResponse } from 'next'

const requestSchema = z.object({
  data: z.object({ id: z.string() }),
  object: z.literal('event'),
  type: z.literal('user.created'),
})

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse
) {
  const { data } = requestSchema.parse(req.body)

  const user = await clerkClient.users.getUser(data.id)

  const createUser = await prisma.user.create({
    data: {
      id: user.id,
      createdAt: new Date(user.createdAt),
      updatedAt: new Date(user.updatedAt),
      firstName: user.firstName,
      lastName: user.lastName,
      username: user.username,
      profileImageUrl: user.profileImageUrl,
    },
  })

  console.log('Created user', createUser)

  return res.status(200).json(createUser)
}

import { clerkClient } from '@clerk/nextjs/server'
import { z } from 'zod'

import { prisma } from '~/server/db'

import type { NextApiRequest, NextApiResponse } from 'next'

const requestSchema = z.object({
  data: z.object({ id: z.string() }),
  object: z.literal('event'),
  type: z.literal('user.created'),
})

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse
) {
  const { data } = requestSchema.parse(req.body)

  const user = await clerkClient.users.getUser(data.id)

  const createUser = await prisma.user.create({
    data: {
      id: user.id,
      createdAt: new Date(user.createdAt),
      updatedAt: new Date(user.updatedAt),
      firstName: user.firstName,
      lastName: user.lastName,
      username: user.username,
      profileImageUrl: user.profileImageUrl,
    },
  })

  console.log('Created user', createUser)

  return res.status(200).json(createUser)
}

import { clerkClient } from '@clerk/nextjs/server'
import { z } from 'zod'

import { prisma } from '~/server/db'

import type { NextApiRequest, NextApiResponse } from 'next'

const requestSchema = z.object({
  data: z.object({ id: z.string() }),
  object: z.literal('event'),
  type: z.literal('user.created'),
})

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse
) {
  const { data } = requestSchema.parse(req.body)

  const user = await clerkClient.users.getUser(data.id)

  const createUser = await prisma.user.create({
    data: {
      id: user.id,
      createdAt: new Date(user.createdAt),
      updatedAt: new Date(user.updatedAt),
      firstName: user.firstName,
      lastName: user.lastName,
      username: user.username,
      profileImageUrl: user.profileImageUrl,
    },
  })

  console.log('Created user', createUser)

  return res.status(200).json(createUser)
}

import { clerkClient } from '@clerk/nextjs/server'
import { z } from 'zod'

import { prisma } from '~/server/db'

import type { NextApiRequest, NextApiResponse } from 'next'

const requestSchema = z.object({
  data: z.object({ id: z.string() }),
  object: z.literal('event'),
  type: z.literal('user.created'),
})

export default async function handler(
  req: NextApiRequest,
  res: NextApiResponse
) {
  const { data } = requestSchema.parse(req.body)

  const user = await clerkClient.users.getUser(data.id)

  const createUser = await prisma.user.create({
    data: {
      id: user.id,
      createdAt: new Date(user.createdAt),
      updatedAt: new Date(user.updatedAt),
      firstName: user.firstName,
      lastName: user.lastName,
      username: user.username,
      profileImageUrl: user.profileImageUrl,
    },
  })

  console.log('Created user', createUser)

  return res.status(200).json(createUser)
}

Is it a correct way to get Clerk user data ...?

Similar Threads

Similar Threads

Similar Threads