How to GraphQL 🎓

How to GraphQL is a fullstack tutorial website to learn all about GraphQL! It was built by Prisma and many amazing contributors. All content on the site is completely free and open-source.

Note: This repository is currently mostly unmaintained. We are looking for maintainers who can help cleaning up issues and PRs opened by the community. If you are interested in helping out, please reach out!

Content

The content for all tutorials is located in the /content directory. Here is an overview of all the tutorials that are available at the moment:

GraphQL

Fundamentals of GraphQL
Advanced GraphQL

Frontend

React & Apollo
React & Relay (Out of date)
Vue & Apollo (Out of date)
Ember & Apollo (Out of date)

Backend

javascript-apollo / JavaScript & Apollo
typescript-apollo / Typescript & Apollo
typescript-helix / Typescript & Helix
graphql-elixir / Absinthe & Elixir
graphql-ruby / Ruby and GraphQL Gem
graphql-python / Python & Graphene
graphql-go / Go & gqlgen
graphql-scala / Scala & Sangria
graphql-java / Java (Out of date)

Contributions / Fixes

As the whole project is open-source, you're more than welcome to fix typos and other small issues yourself and create a PR for the fix. If you want to contribute a whole tutorial track or update one of the out of date tutorials please get in touch.

Installation & Running locally

The project has some native (gyp) dependencies. To get this running, please make sure your environment it set with the following:

Make sure to install a Node version manager (either fnm or nvm)
Point your environment to the version specified in .nvmrc.
Make sure to load .env to your environment variables (some shell loads it automatically, but if not, you can do: source .env to load it)

You can run a local instance of How to GraphQL by executing the following commands in a terminal:

git clone [email protected]:howtographql/howtographql.git
cd howtographql
yarn install
yarn start # http://localhost:8000/

Note: If you're using Node 8, you might need to invoke npm install -g node-gyp before you're starting the app. More info here.

Troubleshooting

If you are having issues with sharp dependency, please make sure you have installed >0.18.2 of it. Older versions have hardcoded dependency on a legacy artifactory.

To check the version you have, run: yarn why sharp.

If you are still having issues, please make sure that you have SHARP_DIST_BASE_URL environemnt variable set correctly (see .env file) and then run yarn install again.

how do i access datasource object inside the resolver

Hi, Thank you for the awesome tutorial.
suppose if i have my index.ts file like this

import { ApolloServer } from 'apollo-server'
import { schema } from './schema'
import { context } from './context'

//configs
import appConfig from './appConfig/app'

import { SmsAPI } from './datasources/SMS/SmsAPI'

export const server = new ApolloServer({
  schema,
  dataSources: () => ({
    launchAPI: new SmsAPI(),
  }),
  context,
})

server.listen({ port: appConfig.port }).then(async ({ url }) => {
  console.log(`🚀 Server ready at: ${url}${appConfig.graphqlPath}`)
})

and my context file like the following.

import { PrismaClient } from '@prisma/client'
import { decodeAuthHeader, AuthTokenPayload } from './utils/auth'
import { Request } from 'express'

export const prisma = new PrismaClient({
  log: ['query', 'error'],
})

export interface Context {
  prisma: PrismaClient
  userId?: number
}

export const context = ({ req }: { req: Request }): Context => {
  const token =
    req && req.headers.authorization
      ? decodeAuthHeader(req.headers.authorization)
      : null

  return {
    prisma,
    userId: token?.userId,
  }
}

some where in the code in my OTP Resolver function, how do i access dataSources

export const OTPMutations = extendType({
....
async resolve(_, args, { userId, prisma }: Context) {
//code
}
....
})

howtographql / typescript-apollo Goto Github PK

typescript-apollo's Introduction

How to GraphQL 🎓

Content

GraphQL

Frontend

Backend

Contributions / Fixes

Installation & Running locally

Troubleshooting

typescript-apollo's People

Contributors

Stargazers

Watchers

Forkers

typescript-apollo's Issues

Rate-Limited

Open

Ignored or Blocked

Detected dependencies

Recommend Projects

Recommend Topics

Recommend Org