Installing the dependencies

.editorconfig

@@ -0,0 +1,95 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# Must be specified in the preamble.
+# Set to true to stop the .editorconfig file search on the current file.
+# The value is case insensitive.
+root = true
+
+# Unix-style newlines with a newline ending every file
+[*]
+# Set to latin1, utf-8, utf-8-bom, utf-16be or utf-16le to control the character set.
+# Use of utf-8-bom is discouraged.
+charset = utf-8
+
+# Set to lf, cr, or crlf to control how line breaks are represented.
+# The values are case insensitive.
+end_of_line = lf
+
+# Set to tab or space to use hard tabs or soft tabs respectively.
+# The values are case insensitive.
+indent_style = space
+
+# Set to a whole number defining the number of columns used for each indentation level
+# and the width of soft tabs (when supported).
+# If this equals tab, the indent_size shall be set to the tab size,
+# which should be tab_width (if specified); else, the tab size set by the editor.
+# The values are case insensitive.
+#indent_size = 4
+
+# Set to a whole number defining the number of columns used to represent a tab character.
+# This defaults to the value of indent_size and should not usually need to be specified.
+#tab_width = 4
+
+# Set to true to remove all whitespace characters
+# preceding newline characters in the file and false to ensure it doesn’t.
+trim_trailing_whitespace = true
+
+# Set to true ensure file ends with a newline when saving and false to ensure it doesn’t.
+insert_final_newline = true
+
+# Matches multiple files with brace expansion notation
+[*.txt]
+end_of_line = crlf
+
+# CommonMark Spec
+# https://spec.commonmark.org/0.28/#tabs
+[*.{md, markdown}]
+indent_size = 4
+trim_trailing_whitespace = false
+
+# Google HTML/CSS Style Guide
+# https://google.github.io/styleguide/htmlcssguide.html#Indentation
+[*.{htm, html}]
+indent_size = 2
+
+# Google HTML/CSS Style Guide
+# https://google.github.io/styleguide/htmlcssguide.html#Indentation
+[*.{css, sass, scss, less}]
+indent_size = 2
+
+# Google JavaScript Style Guide
+# https://google.github.io/styleguide/jsguide.html#formatting-block-indentation
+[*.{js, jsx, ts, tsx, vue}]
+indent_size = 2
+
+# PSR-12: Extended Coding Style
+# https://www.php-fig.org/psr/psr-12/
+[*.php]
+indent_size = 4
+
+# PEP 8 – Style Guide for Python Code
+# https://peps.python.org/pep-0008/#indentation
+[*.py]
+indent_size = 4
+
+# YAML Specification
+# http://www.yaml.org/spec/1.2/spec.html#Syntax
+[*.{yml, yaml}]
+indent_size = 2
+
+# Shell Style Guide
+# https://google.github.io/styleguide/shellguide.html#s5.1-indentation
+[*.sh]
+indent_size = 2
+
+# JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write.
+# https://www.json.org/json-en.html
+[*.json]
+indent_size = 4
+insert_final_newline = false
+
+# Extensible Markup Language (XML) is a simple, very flexible text format derived from SGML (ISO 8879).
+# https://www.w3.org/XML/
+[*.xml]
+indent_size = 4
+insert_final_newline = false

.env.example

@@ -0,0 +1,9 @@
+# TODO: Replace the following with your app's Firebase project configuration
+# See: https://firebase.google.com/docs/web/learn-more#config-object
+NEXT_PUBLIC_FIREBASE_API_KEY=
+NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
+NEXT_PUBLIC_FIREBASE_PROJECT_ID=
+NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=
+NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
+NEXT_PUBLIC_FIREBASE_APP_ID=
+NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=

.eslintignore

@@ -0,0 +1,6 @@
+node_modules/
+dist/
+
+**/*.css
+**/*.min.css
+**/*.min.js

.eslintrc.js

@@ -0,0 +1,48 @@
+/* eslint-env node */
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es2021: true,
+  },
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: true,
+    tsconfigRootDir: __dirname,
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-type-checked',
+    'plugin:import/recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'next',
+    'plugin:prettier/recommended',
+  ],
+  plugins: ['@typescript-eslint', 'import', 'react', 'react-hooks', 'prettier'],
+  rules: {
+    // Turn on errors for missing imports
+    'import/no-unresolved': 'error',
+    // Unexpected any. Specify a different type
+    '@typescript-eslint/no-explicit-any': 'off',
+    // ... is defined but never used.
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": "warn"
+  },
+  settings: {
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.js', '.jsx', '.ts', '.tsx'],
+    },
+    'import/resolver': {
+      typescript: { alwaysTryTypes: true },
+    },
+  },
+  ignorePatterns: ['.eslintrc.js', 'next.config.js']
+};

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,20 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+'on':
+  push:
+    branches:
+      - master
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm ci && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_NEXTJS_NINJA }}'
+          channelId: live
+          projectId: nextjs-ninja

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,17 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+'on': pull_request
+jobs:
+  build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - run: npm ci && npm run build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_NEXTJS_NINJA }}'
+          projectId: nextjs-ninja

.gitignore

@@ -0,0 +1,159 @@
+# Created by https://www.toptal.com/developers/gitignore/api/windows,macos,visualstudiocode
+# Edit at https://www.toptal.com/developers/gitignore?templates=windows,macos,visualstudiocode
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### macOS Patch ###
+# iCloud generated files
+*.icloud
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+
+# Local History for Visual Studio Code
+.history/
+
+# Built Visual Studio Code Extensions
+*.vsix
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+.ionide
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# End of https://www.toptal.com/developers/gitignore/api/windows,macos,visualstudiocode
+
+# Created by https://www.toptal.com/developers/gitignore/api/react,nextjs
+# Edit at https://www.toptal.com/developers/gitignore?templates=react,nextjs
+
+### NextJS ###
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+### react ###
+.DS_*
+*.log
+logs
+**/*.backup.*
+**/*.back.*
+
+node_modules
+bower_components
+
+*.sublime*
+
+psd
+thumb
+sketch
+
+# End of https://www.toptal.com/developers/gitignore/api/react,nextjs
+
+# Created by https://www.toptal.com/developers/gitignore/api/firebase
+# Edit at https://www.toptal.com/developers/gitignore?templates=firebase
+
+### Firebase ###
+.idea
+**/node_modules/*
+**/.firebaserc
+
+### Firebase Patch ###
+.runtimeconfig.json
+.firebase/
+
+# End of https://www.toptal.com/developers/gitignore/api/firebase
+
+# Env file
+.env
+
+# Configure file
+/configs

.nvmrc

@@ -0,0 +1 @@
+v18.18.2

.prettierrc.json

@@ -0,0 +1,21 @@
+{
+    "trailingComma": "es5",
+    "printWidth": 120,
+    "tabWidth": 2,
+    "useTabs": false,
+    "semi": true,
+    "singleQuote": true,
+    "quoteProps": "as-needed",
+    "jsxSingleQuote": false,
+    "bracketSpacing": true,
+    "bracketSameLine": false,
+    "arrowParens": "always",
+    "requirePragma": false,
+    "insertPragma": false,
+    "proseWrap": "preserve",
+    "htmlWhitespaceSensitivity": "css",
+    "vueIndentScriptAndStyle": false,
+    "endOfLine": "lf",
+    "embeddedLanguageFormatting": "auto",
+    "singleAttributePerLine": false
+}