feat(examples): refactor api-routes-graphql to GraphQL Yoga
#36155
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
GraphQL Yoga provides a more extensible (Envelop plugins](https://envelop.dev/)) and lighter bundle than the previously showcased `apollo-server-micro` ([64.5kB](https://bundlephobia.com/package/@graphql-yoga/node@2.2.1) vs [196.2kB](https://bundlephobia.com/package/apollo-server-micro@3.6.7) - min & GZiped) Similarly to Next.js, GraphQL Yoga comes with strong defaults and out of the box support for modern GraphQL features (File uploads, subscriptions, and more).
charlypoly
requested review from
timneutkens,
ijjk,
shuding,
leerob and
steven-tey
as code owners
dotansimha
previously approved these changes
Apr 14, 2022
leerob
reviewed
Apr 14, 2022
| @@ -1,6 +1,24 @@ | |||
| # API routes with GraphQL server | |||
|
|
|||
| Next.js ships with [API routes](https://nextjs.org/docs/api-routes/introduction), which provide an easy solution to build your own `API`. This example shows their usage alongside [apollo-server-micro](https://github.com/apollographql/apollo-server/tree/main/packages/apollo-server-micro) to provide simple GraphQL server consumed by Next.js app. | |||
| Next.js ships with [API routes](https://nextjs.org/docs/api-routes/introduction), which provide an easy solution to build your own `API`. | |||
There was a problem hiding this comment.
Is there a deployed example of this we can see?
There was a problem hiding this comment.
Sure, you'll find this branch deployed on Vercel here: https://api-routes-graphql-yoga.vercel.app/api/graphql?query=%7B%0A++greetings%0A%7D
There was a problem hiding this comment.
@leerob did you had time to check the deployed version of it?
https://api-routes-graphql-yoga.vercel.app/api/graphql?query=%7B%0A++greetings%0A%7D
3 tasks
ardatan
previously approved these changes
Apr 25, 2022
dotansimha
previously approved these changes
Apr 26, 2022
ijjk
reviewed
May 22, 2022
ijjk
approved these changes
May 23, 2022
kodiakhq bot
pushed a commit
that referenced
this pull request
May 23, 2022
…tNode` and GraphQL Yoga for better DX and smaller bundle size (#36240) Improve the Next.js with TypeScript + GraphQL example: - [x] use GraphQL Code Generator instead of `graphql-let`: more widespread tool and smaller bundle size (types only generation vs code generation) - [x] use GraphQL Yoga instead of Apollo Server Micro: for lighter bundle size as [stated here](#36155) - [x] introduces GraphQL Code Generator on the API side for Resolvers typing Co-authored-by: JJ Kasper <22380829+ijjk@users.noreply.github.com>
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
GraphQL Yoga provides a more extensible experience (Envelop plugins) and lighter bundle than the previously showcased
apollo-server-micro(64.5kB vs 196.2kB - min & GZiped)Similar to Next.js, GraphQL Yoga comes with strong defaults and out-of-the-box support for modern GraphQL features (File uploads, subscriptions, and more).
Strong of many years of existence and a large community, GraphQL Yoga 2.0 comes with Next.js support with no additional package or configuration 📦