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

Last update: Sep 4, 2022

Overview

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

Requirements

Node.js
Yarn

Installation

Clone the repository:

 git clone [email protected]:caribjin/nextjs-apollo-boilerplate.git

Install dependent packages:
```
yarn install
```
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.
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

Run the application in development mode.
```
yarn dev
```
Build production.
```
yarn build
```
Run the application in production mode.
```
yarn start
```

Deployment

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

License

MIT

Comments

Bump next from 12.0.10 to 12.1.0
Bumps next from 12.0.10 to 12.1.0.

Release notes

Sourced from next's releases.

v12.1.0

Core Changes

Relay Support in Rust Compiler: #33702

fix eslint link-passhref rule: #33857

update webpack: #33831

Flush buffered vitals metrics on page mount: #33867

fix problem with HMR when middleware and page reference the same node_module: #33873

Refactor page component getter in web server: #33759

update NextResponse default redirect status to 307 to match docs: #33505

Bug fix: dynamic page should not be interpreted as predefined page: #33808

Group streaming experimental apis: #33878

Encapsulate routing and initial hydration: #33875

Optimize offline condition judgment: #33238

Ensure external beforeFiles rewrites are handled with next/link: #33888

Fix parsing params for i18n optional route in minimal mode: #33896

Ensure browserslist extends works properly: #33890

Fix image cache race condition: #33883

Add support for Relay projects without artifactDirectory: #33918

fix: handle jsxspreadattribute in inline-script-id eslint rule: #32421

feat(next-swc): Update swc: #33724

Update to latest version of amphtml-validator: #33967

Warn in dev mode when script tags are added with next/head: #33968

Ensure optional chaining in swc matches babel: #33995

Use react-dom/server.browser in Node.js: #33950

Ensure external middleware rewrite is handled correctly: #33962

Update Terser to v5.10.0, fix minification issues: #33045

Warn in dev mode when stylesheets are added using next/head: #34004

Use ReadableStream in RenderResult: #34005

Fix suffix ordering while streaming: #34011

Don't use yarn if a package-lock.json file is found: #31926

Do not warn when application/ld+json scripts are used with next/head: #34021

Babel & next-swc: Fix exporting page config with AsExpression: #32702

Detect per page runtime config for functions manifest: #33945

Add JSDoc to config options: #32915

Update font-stylesheet-gathering-plugin.ts: #30709

Add decoratorMetadata flag if enabled by tsconfig: #32914

fix: data url handling in css-loader: #34034

Place 'charset' element at the top of : #28119

Fix detection of anchor click events inside svg: #23272

Allow passing nothing as custom jest config: #32328

Fixes #31240: Adding a recursive addPackagePath function in webpack-config: #31264

Require component rendered as child of Link to pass event to onClick handler: #27723

Allow scroll prevention on hash change: #31921

Add support for async fn / promise in next.config.js/.mjs: #33662

Fix lazyRoot functionality for next/image: #33933

Change SWC minify from beta to release candidate: #34056

Make Router state immutable: #33925

Stop exposing internal render and renderError methods from next/client: #34069

Add api-utils helper for testing: #34078

... (truncated)

Commits

8545fd1 v12.1.0

1605f30 v12.0.11-canary.21

69aedbd Fix typo (#34480)

f0f322c Remove deprecation for relative URL usage in middlewares (#34461)

d4d79b2 Fix chunk buffering for server components (#34474)

74fa4d4 update webpack (#34477)

b70397e Revert "Allow reading request bodies in middlewares (#34294)" (#34479)

4202011 Update font-optimization test snapshot (#34478)

1edd851 Allow reading request bodies in middlewares (#34294)

ba78437 fix: don't wrap profile in firebase example (#34457)

Additional commits viewable in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR

@dependabot recreate will recreate this PR, overwriting any edits that have been made to it

@dependabot merge will merge this PR after your CI passes on it

@dependabot squash and merge will squash and merge this PR after your CI passes on it

@dependabot cancel merge will cancel a previously requested merge and block automerging

@dependabot reopen will reopen this PR if it is closed

@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually

@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)

@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

@dependabot use these labels will set the current labels as the default for future PRs for this repo and language

@dependabot use these reviewers will set the current reviewers as the default for future PRs for this repo and language

@dependabot use these assignees will set the current assignees as the default for future PRs for this repo and language

@dependabot use this milestone will set the current milestone as the default for future PRs for this repo and language

You can disable automated security fix PRs for this repo from the Security Alerts page.

dependencies
opened by dependabot[bot] 2

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

Related tags

Overview

NextJs Apollo Boilerplate

Features

Teck Stack

Requirements

Installation

Development mode commands

Deployment

License

You might also like...

Hands-on real world projects that will help you exercise your knowledge of TypeScript.

AWS Lambda & Serverless - Developer Guide with Hands-on Labs. Develop thousands line of aws lambda functions interact to aws serverless services with real-world hands-on labs

💻 Countries Web is a web application that lets you view data for all the countries in the world and filter them by country name and continent.

A "Basic-to-Lisp" compiler. But Basic is not real Basic, and Lisp is not real Lisp.

An AWS Cloud Native application using CDK that defines a Serverless Event Driven application for interacting with Twitter and utilising Machine Learning / AI as a Service.

Create a maintainable and scalable Node.js GraphQL API with TypeScript, Express, Mongoose and Apollo Server.

A Serverless GraphQL Sample project using Apollo and Serverless Framework with TypeScript and Webpack.

Comments

Bump next from 12.0.10 to 12.1.0

v12.1.0

Core Changes

Releases(v0.1)

v0.1(Feb 15, 2022)

Owner

Youngjin Lim

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Kurs-repo för kursen Webbserver och Databaser

Apollo - a JavaScript library to get real-time economic declarations such as inflation rates

Toolkit for building scalable web applications with TypeScript, React, Redux and Apollo-Client

🥰 Mini world simulator is a terminal application made in JavaScript to control the world that is being generated.

Total Quest is an online real-world scavenger hunt application built with the MERN stack

Write "hello world" in your native language, code "hello world" in your favorite programming language!

🍉 Water is a micro-ORM + QueryBuilder designed to facilitate queries and operations on PostgreSQL databases designed to work in Melon

Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time.

Connect your Ethereum smart contract to any real world API using the oracle pattern!