Realtime chat using GraphQL Live Queries, Next.js and NextAuth.js
Realtime chat using GraphQL Live Queries, Next.js and NextAuth.js — tutorial
npm install
Authorization callback URL
to http://localhost:3000/api/auth/callback/github
cp .env.example .env
and add values for GITHUB_CLIENT_ID
and GITHUB_CLIENT_SECRET
from step 2.NEXTAUTH_SECRET
and add it to .env
cp grafbase/.env.example grafbase/.env
NEXTAUTH_SECRET
to grafbase/.env
npx grafbase dev
npm run dev
NEXTAUTH_SECRET
during project creationAuthorization callback URL
to [YOUR_DESIRED_VERCEL_DOMAIN]/api/auth/callback/github
.env
values (NEXT_PUBLIC_GRAFBASE_API_URL
*, NEXTAUTH_SECRET
, GITHUB_CLIENT_ID
, GITHUB_CLIENT_SECRET
)* NEXT_PUBLIC_GRAFBASE_URL
is your production API endpoint. You can find this from the Connect modal in your project dashboard.
Realtime chat using GraphQL Live Queries, Next.js and NextAuth.js
Realtime chat using GraphQL Live Queries, Next.js and NextAuth.js — tutorial
npm install
Authorization callback URL
to http://localhost:3000/api/auth/callback/github
cp .env.example .env
and add values for GITHUB_CLIENT_ID
and GITHUB_CLIENT_SECRET
from step 2.NEXTAUTH_SECRET
and add it to .env
cp grafbase/.env.example grafbase/.env
NEXTAUTH_SECRET
to grafbase/.env
npx grafbase dev
npm run dev
NEXTAUTH_SECRET
during project creationAuthorization callback URL
to [YOUR_DESIRED_VERCEL_DOMAIN]/api/auth/callback/github
.env
values (NEXT_PUBLIC_GRAFBASE_API_URL
*, NEXTAUTH_SECRET
, GITHUB_CLIENT_ID
, GITHUB_CLIENT_SECRET
)* NEXT_PUBLIC_GRAFBASE_URL
is your production API endpoint. You can find this from the Connect modal in your project dashboard.