import React from 'react'
import { useQuery } from 'react-query';
import { GraphQLClient } from 'graphql-request';
import { gql } from 'graphql-tag';
was working on a react vite app and had to port it over to Next Js the ported next js app and i very quickly discovered that localStorage worked a little differently n Nextjs and i need it because that's where i was saving my personal access token and theme preferences which lead me down a rabbit hole which resulted in the following custom hook for that
After working with the github rest api and experiencing some of it's limitations it's time to pick things up a bit and dive into their Graphql api
as Usual first things first we set up a tesing enviroment and github provides their own explorer which will setup the authentication headers for you under the hood , but if you prefer to use another gql explorer , just set it up like below Replace ghp_LBgN6pCeWsHcxeoJpR4ZTwUj with your personal access token
I have another article i made about react-query tips an tricks which might help explain that part . becau
- create a .env file in the root directory
VITE_apiKey=zahtddfrsfSyCHJYZaDa9s47oP4L7Cc
VITE_authDomain=firebaseapp.firebaseapp.com
VITE_databaseURL=https://firebaseapp.firebaseio.com
VITE_projectId=firebaseapp
VITE_storageBucket=firebaseapp.appspot.com
VITE_messagingSenderId=200000020053535353535353535353
VITE_appId=1:50000000080792:web:6676767676d766d7676sw6
{ | |
"$help": "https://aka.ms/terminal-documentation", | |
"$schema": "https://aka.ms/terminal-profiles-schema", | |
"actions": | |
[ | |
{ | |
"command": "paste", | |
"keys": "ctrl+v" | |
}, | |
{ |