Sign in with Facebook.
Global reach, one button.

The login the rest of the world uses

Tech-Twitter audiences live on Google and Apple. The rest of the global consumer market lives on Facebook. If your app ships in Brazil, India, Indonesia, the Philippines, or most of Latin America, skipping Facebook leaves real conversion on the table. Synq runs Facebook OAuth under standards-compliant OIDC, so adding it is a one-screen Dashboard change.

Same SDK call as every other provider

The provider string flips. Everything else stays the same.

import { SynqProvider, useSynq } from '@synqid/react'
import { SignIn } from '@synqid/react/ui'

export default function App() {
  return (
    <SynqProvider
      issuer="https://api.synq.id"
      clientId={import.meta.env.VITE_SYNQ_CLIENT_ID}
      redirectUri={`${window.location.origin}/auth/callback`}
      theme="dark"
    >
      <Home />
      <SignIn />
    </SynqProvider>
  )
}

function Home() {
  const { signIn } = useSynq()
  return (
    <button onClick={() => signIn({ provider: 'facebook' })}>
      Continue with Facebook
    </button>
  )
}

Get it live

Most of the work is inside Meta for Developers. The Synq side is one screen.

1. 1

   Create a Meta for Developers app

   Open developers.facebook.com → My Apps → Create App. Pick the Consumer or Business type. Meta will issue an App ID and let you generate an App Secret.
2. 2

   Add Facebook Login

   Under your app’s Use cases / Products, add Facebook Login → Web (or Android / iOS as needed). This unlocks the OAuth endpoints.
3. 3

   Add Synq’s redirect URI

   Under Facebook Login → Settings, add the callback URL Synq displays in Brand → Connections → Facebook. Meta requires an exact match.
4. 4

   Paste credentials into Synq

   In the Dashboard, open Brand → Connections → Facebook. Paste the App ID + App Secret and toggle Enable. Synq encrypts the secret at rest.
5. 5

   Configure scopes

   By default Synq requests `email public_profile`. Add any granular permissions you need (with the warning that some require Meta App Review before they unlock for production).

How Facebook support compares

Every mainstream platform ships Facebook. The differences are in the consent screen branding and how the App Review process is supported.

Pair it with

Common questions