Boby/nextjs-apollo-boilerplate

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

Features

• 👌 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

• Next.js
• Chakra UI
• Apollo
• GraphQL
• NextAuth
• TypeScript
• Emotion
• ESLint
• Prettier
• SVGR

Requirements

• Node.js
• Yarn

Installation

1. Clone the repository:

    git clone git@github.com:caribjin/nextjs-apollo-boilerplate.git

2. Install dependent packages:

   yarn install

3. After creating Google OAuth Client from https://console.developers.google.com/apis/credentials/oauthclient, copy GOOGLE_CLIENT_ID and GOOGLE_CLIENT_SECRET and paste them into env file in root folder.

4. After creating GitHub OAuth Client from https://github.com/settings/applications/new, 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.

   yarn dev

2. Build production.

   yarn build

3. Run the application in production mode.

   yarn start

Deployment

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

License

MIT