Hello again 😄 My fellow worker, wants to add connect via social networks, Front

Nextjs

, and a seperate backend made with

NestJS

. and when it comes to the implementation , connect via [google,. ..........] send call to Nextjs backend instead of Nestjs Any idea how to solve this.

Hey @User the API call will be made to your api domain + api base path as set in the appInfo object

Our nestjs is served at port 3010, and nextjs 3000,

Alright. So does the apiDomain value have the port 3010 in it?

it has 3010

Hmmm. And the api call is happening to 3000 instead?

SUPERTOKENS_DOMAIN=http://localhost:3010

Yes

Just social network call

normal sign in/up is working just fine

Which API exactly? Can I see the API request headers and domain?

Will request them from him asap

ok

Hi all, trying to wrap a component to show a logged in avatar or not in a navigation bar in NextJS. I am trying to use this in the component code, but whether I'm logged in or not, it doesn't change anything. Any help/pointers is appreciated.

import { Fragment } from 'react'
import { Disclosure, Menu, Transition } from '@headlessui/react'
import { BellIcon, MenuIcon, XIcon } from '@heroicons/react/outline'
import { PlusSmIcon } from '@heroicons/react/solid'
import { ThirdPartyEmailPasswordAuth } from "supertokens-auth-react/recipe/thirdpartyemailpassword";
import { Profiler } from 'react/cjs/react.production.min';

function Profile() {
  return (
    <ThirdPartyEmailPasswordAuth requireAuth={true}>
        Profile Icon
    </ThirdPartyEmailPasswordAuth>
  )
}

export default Profile;

hey there

The api request is sent to localhost:3000

and supertoken backend is running on 3010

so this is the call from github back to your app. This should be the frontend site and it's correct. This is a route that should be caught by our router. How have you setup the frontend supertokens UI component?

I meant the file in which you are adding the routing component provided by us. What is that content of that file and what is that path of that file?

is it supposed to look like this

thats the backend.

the frontend should be https://supertokens.com/docs/emailpassword/nextjs/setting-up-frontend

but in your case, since the websiteBasePath is /app/auth, you need to create a file at

pages/app/auth/[[...path]].js

this is how it looks like now

the code inside index is identical to the one in docs [[...path]].

I think https://supertokens.com/docs/thirdpartyemailpassword/nextjs/setting-up-backend what is missing

The frontend is missing, and if the backend is not setup, then im not sure how the existing frontend is even working..

sorry.. the backend is not necessary since you use nestjs for that