Social Login

PickBazar Documentation

Welcome How It Works

Prerequisite

Installation

Available Scripts & Command

How Can I use this app

Demo Deploy

Features

Settings

Payment

Flash Sale

Shop Transfer

Social Login Google Facebook OTP (Mobile Number Verification)Wallet Email Configuration Email Verification Subscribe Terms and conditions

SEO and Analytics

Refund

Real-time Notification

Multilingual & Translation

Third-party Integrations

Deployment

API

Back-End Integration

Customizations

Update & Upgrade Guide

FAQ Page Contact Question & Answer FAQ Breaking Changes Support Change Log

You can use a social network like Google or Facebook as a login provider like email/username and password. To set up social login, follow the below procedure,

Google

For Google, follow this procedure,

At first go to Google Console dashboard (https://console.cloud.google.com/)
From the console, create a new project
After creating the project, go to APIs & Services -> OAuth consent screen.
Create an External OAuth Consent. Add all the required fields.
Then, go to the credentials section and create OAuth Client ID. Add an Authorized redirect URIs. The format of the URIs should be:

http://yourdomain.com/api/auth/callback/google

6. Then you'll get your credentials,

Then open api/.env and add API ID and credentials,
Then go to this https://generate-secret.now.sh/32 site and generate a secret key.
Then open shop/.env and add credentials to GOOGLE_CLIENT_ID and GOOGLE_CLIENT_ID and NEXTAUTH_URL also add a SECRET code.

NEXTAUTH_URL=YOUR_SHOP_DOMAIN
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_ID=
SECRET=

After configuration, make sure you rebuild your project using this command,

For REST API

yarn build:shop-rest
yarn build:admin-rest

And for GraphQL,

yarn build:shop-gql
yarn build:admin-gql

Facebook

Go to Facebook developer dashboard (https://developers.facebook.com/apps/)
Then create a new app for pickbazar
After that, set up Facebook Login.
Then provide all the necessary information.
After that, go to the settings page, and on that page, you'll get all the credentials.
Then open api/.env and add API ID and credentials,
Then go to this https://generate-secret.now.sh/32 site and generate a secret key.
Then open shop/.env and add credentials to FACEBOOK_CLIENT_ID, FACEBOOK_CLIENT_SECRET, NEXTAUTH_URL also add a SECRET code.

NEXTAUTH_URL=YOUR_SHOP_DOMAIN
FACEBOOK_CLIENT_ID=
FACEBOOK_CLIENT_SECRET=
SECRET=

For Facebook, make sure you apply verification for the APP. Otherwise, the Facebook login won't work. (https://developers.facebook.com/docs/app-review/)