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 — 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.