Nextjs-Apollo-Playground

Playground for Nextjs-ApolloClient. Live Demo

you can use this application for

1. Api Request Client for complex Graphql features which are hard to produce with built-in playground (File/Image upload, ...)
2. Reference for using Apollo client features
3. Reference for using Nextjs with Apollo client

Getting Started

install dependencies, Run the development server

npm install
npm run dev

Deploy with Vercel

NOTE: Make sure to set Environment Variables in Vercel Project Settings to prevent build errors

Implemented Features

• Base settings (eslint, prettier, tsc)
• Next.js settings (dotenv)
• directory structuring, defining building blocks
• Image upload
• Caching (include garbage collection management)
• Local state management
• Testing
• Prefetching

References

• Apollo Blog - Building a Next.js App with Apollo Client & Slash GraphQL

Recommended tools

• Apollo Client Devtools(Chrome Extension)