MALEV0L3NT Posts - Answer Overflow

MALEV0L3NT

Explore posts from servers

•Created by MALEV0L3NT on 11/9/2024 in #💻┃support

Get Logo From User Org

Hi guys, I'm just wondering if it's possible to retrieve the organization logo (or logo link) from the organization object in next.js. I'd like to be able to display the user's logged in organization logo within my app but I'm not sure if or how that's possible.

3 replies

KKinde

•Created by MALEV0L3NT on 10/12/2024 in #💻┃support

Create Kinde Users Within Application

Hi guys, I'm currently building an application as a contractor for a client, using the next.js SDK. Once I've finished building the application for him, I'd like for him to be able to completely manage everything on his own, including adding users. Due to his business model where he physically goes and works with businesses around Australia and does in-person training, the application I'm building will be invite only, ie people won't be able to just sign up, my client will have to setup the organisation and users within the app. The problem is, I don't want him to have to log in to the Kinde dashboard to set up organisations and users, I'd like for him to be able to manage it all from within the application's dashboard. Is it possible to set up a workflow like this where he can create users from within the application I'm building?

3 replies

TTCTheo's Typesafe Cult

•Created by MALEV0L3NT on 4/30/2024 in #questions

Next.js app router with dynamic routes and trpc weird behaviour

Hi guys, been running into a couple issue trying to implement type safety from a dynamic route in next.js through to a zod validated trpc router... Stack: T3 with postgres (neon) and drizzle Versions: Next.js: ^14.1.4 React: 18.2.0 Zod: ^3.22.4 Behaviour: 1. Trying to implement with numbers:

// Component
export default async function test({params}: {params: { id: number }}) {
  const { id } = params;
  const team = await api.team.getById({ id: id })
}

// TRPC Route
export const teamRouter = createTRPCRouter({
  getById: publicProcedure
    .input(z.object({ id: z.number() }))
    .query(({ ctx, input }) => {
      return ctx.db.query.companies.findFirst({
        where: (company, { eq }) => eq(company.id, input.id),
      });
    }),
});

// Component
export default async function test({params}: {params: { id: number }}) {
  const { id } = params;
  const team = await api.team.getById({ id: id })
}

// TRPC Route
export const teamRouter = createTRPCRouter({
  getById: publicProcedure
    .input(z.object({ id: z.number() }))
    .query(({ ctx, input }) => {
      return ctx.db.query.companies.findFirst({
        where: (company, { eq }) => eq(company.id, input.id),
      });
    }),
});

See screenshot 1 for confirmation that the id const typing is correct (number) See screenshot 2 for error 2. Implementing using parseInt(params.id)

// Component
export default async function test({params}: {params: { id: string }}) {
  const team = await api.team.getById({ id: parseInt(params.id) })
}

// TRPC Route
export const teamRouter = createTRPCRouter({
  getById: publicProcedure
    .input(z.object({ id: z.number() }))
    .query(({ ctx, input }) => {
      return ctx.db.query.companies.findFirst({
        where: (company, { eq }) => eq(company.id, input.id),
      });
    }),
});

// Component
export default async function test({params}: {params: { id: string }}) {
  const team = await api.team.getById({ id: parseInt(params.id) })
}

// TRPC Route
export const teamRouter = createTRPCRouter({
  getById: publicProcedure
    .input(z.object({ id: z.number() }))
    .query(({ ctx, input }) => {
      return ctx.db.query.companies.findFirst({
        where: (company, { eq }) => eq(company.id, input.id),
      });
    }),
});

See screenshot 3 for working screenshot (printing out provided id) I'm happy to use the parseInt method for now but if anyone knows why this behaviour is occurring I'd be interested to know. I haven't been able to find much information online about it, or whether I'm just doing something wrong. Cheers.

5 replies

KKinde

•Created by MALEV0L3NT on 3/26/2024 in #💻┃support

Is it possible to have teams in my Kinde application?

I am developing an application that will eventually have the concept of "teams", where every user is part of a "team" or "company" and can see all data associated with said team. Is this a feature builtin to Kinde or something I'll have to implement myself?

4 replies

KKinde

•Created by MALEV0L3NT on 3/7/2024 in #💻┃support

Seamlessly integrating a separate marketing and application site

I have a bit of a weird setup in mind, might be looking for some guidance if possible. Currently, I have two separate subdomains: https://example.com - Astro.build site https://app.example.com - Next.js app I want to have my login/register buttons on the Astro site. When a user logs in from the Astro site, they should be redirected to https://app.example.com/dashboard When a user logs out from the dashboard, they should be redirected back to https://example.com I think I have most of it working (I can login/register on the astro page), I'm just not sure how to set a postLoginRedirectUrl for the typescript sdk to redirect to the next app once i've logged in

13 replies

TTCTheo's Typesafe Cult

•Created by MALEV0L3NT on 10/8/2023 in #questions

React-toastify display toast from Next.js api route

Hey guys, I currently has a system flow that works as follows using t3 stack: 1. User submits form on frontend 2. Some processing is offloaded to AWS Lambda by trpc procedure and procedure quits 3. Once Lambda is finished, it calls a next.js backend api route I'd like to display some feedback to the user once the next.js api route is called by Lambda, preferrably in the form of a react-toastify toast. Is it possible to invoke a frontend toast from the backend? If not, how would I go about doing something similar?

9 replies

TTCTheo's Typesafe Cult

•Created by MALEV0L3NT on 7/10/2023 in #questions

QStash vs Custom Solution?

Hi all, In an app I'm building, I have a use case where Vercel is offloading some more complex processing to an AWS Lambda function via the JS SDK. Currently, the Vercel serverless function is waiting for the Lambda function to return as the return value contains needed data. With this solution, I have been running into issues regarding Vercel funciton timeouts (on the pro plan). In my research on how I could fix this, I came across QStash which looks like a very good product and I think it would solve my issues, but it also got me thinking whether I would need it at all.. Would it be feasible for the Vercel function to call the Lambda function then exit, then the Lambda function send its return value to an API endpoint on my app for the further processing required? I've never built functionality like this before so there may be more to it than I can currently see, but in my head this should work, are there any obvious problems going with my proposed "custom" solution?

6 replies

Gaming

Programming