August 11, 2023

Next.js and Apollo-Client web application, designed for learning and real-world applicability

NextJs Apollo Boilerplate

Boilerplate for building applications using Next.js and Apollo


This boilerplate is made for those who want to start a new project using Apollo, Graphql, Redux, Chakra-ui, Axios, etc., which are often used in real-world projects along with Next.js.

Demo Site


  • 👌 Authentication via OAuth (Google, Github)
  • 🐵 Dark/Light Theme
  • 🚗 Responsive Layout
  • 🚀 Fetch and display SpaceX launches data via Apollo GraphQL SpaceX GraphQL APIs
  • 🇰🇷 Support for i18n (English/Korean)
  • 🛕 Maximize lighthouse score
  • 🚣‍♂️ Bundler Analyzer

Teck Stack



  1. Clone the repository:
    git clone
  1. Install dependent packages:
   yarn install
  1. After creating Google OAuth Client from, copy GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET and paste them into env file in root folder.

  2. After creating GitHub OAuth Client from, copy GITHUB_CLIENT_ID and GITHUB_CLIENT_SECRET and paste them into env file in root folder.

Development mode commands

  1. Run the application in development mode. bash yarn dev
  2. Build production. bash yarn build
  3. Run the application in production mode. bash yarn start


You can deploy your application to Varcel) by clicking the button below.

Deploy with Vercel