feat: add Next.js CSR example (#47)

* feat: add nextjs csr example

* fix: update .eslintrc to ignore examples

* feat: update with sub check and update README

* fix: remove .DS_Store file

* fix: update build script and improve readability

* fix: change npm script to run sequentially instead of concurrently

* feat: improve store to be global, change README to start dev instead of start

* feat: update store type declaration

.eslintrc

@@ -13,6 +13,7 @@
   "parserOptions": {
     "ecmaVersion": 2018
   },
+  "ignorePatterns": ["examples/**/*"],
   "overrides": [
     {
       "files": ["*.ts"],

.gitignore

@@ -104,3 +104,5 @@ dist
 .tern-port
 
 dist/
+
+.DS_Store

examples/nextjs-csr/.env.example

@@ -0,0 +1,3 @@
+SGID_CLIENT_ID=
+SGID_CLIENT_SECRET=
+SGID_PRIVATE_KEY=

examples/nextjs-csr/README.md

@@ -0,0 +1,21 @@
+# sgID Next.js (CSR) Example
+
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+Before you can run the development server, you will have to register your client on the sgID [developer portal](https://developer.id.gov.sg/).
+
+- For this example, you will need to include the following scopes `[openid, myinfo.name]` and register the following redirect URL `http://localhost:3000/api/callback`
+
+> For more information about sgID, please visit the [developer documentation](https://docs.id.gov.sg/).
+
+Copy the `.env.example` file, rename it to `.env`, and fill in your credentials obtained during registration.
+
+Then, run the development server by running:
+
+```bash
+npm run dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

examples/nextjs-csr/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

examples/nextjs-csr/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig