add: frontend_5

Author: kurosame

README.md

@@ -39,3 +39,11 @@
   - Nuxt.js
   - Element Plus
 - Tactical DDD
+
+## frontend_5
+
+- [Bulletproof React](https://github.com/alan2207/bulletproof-react)
+  - React
+  - Next.js
+    - App Router
+  - Radix UI

frontend_5/.eslintrc.js

@@ -0,0 +1,42 @@
+module.exports = {
+  env: { browser: true },
+  extends: [
+    'plugin:@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended-requiring-type-checking',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'next/core-web-vitals',
+    'prettier'
+  ],
+  plugins: ['react', 'react-hooks'],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: { jsx: true },
+    project: './tsconfig.json'
+  },
+  settings: {
+    react: { version: 'detect' }
+  },
+  rules: {
+    'import/order': [
+      'error',
+      {
+        groups: ['builtin', 'external', 'internal', 'unknown'],
+        pathGroups: [
+          {
+            pattern: '{@chakra-ui,@storybook}/**',
+            group: 'external',
+            position: 'after'
+          }
+        ],
+        pathGroupsExcludedImportTypes: ['builtin'],
+        'newlines-between': 'always',
+        alphabetize: { order: 'asc', caseInsensitive: true }
+      }
+    ],
+    'no-console': ['error', { allow: ['info', 'warn', 'error'] }],
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'warn'
+  },
+  ignorePatterns: ['**/*.js']
+}

frontend_5/.gitignore

@@ -0,0 +1,2 @@
+.next
+node_modules

frontend_5/.husky/pre-commit

@@ -0,0 +1,7 @@
+#!/bin/sh
+# Run `npx husky-init` to create husky.sh
+. "$(dirname "$0")/_/husky.sh"
+
+cd frontend_5
+./node_modules/.bin/tsc -p ./ --noEmit
+./node_modules/.bin/lint-staged

frontend_5/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  printWidth: 120,
+  semi: false,
+  singleQuote: true,
+  trailingComma: 'none'
+}

frontend_5/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "cSpell.words": ["fixpack"]
+}

frontend_5/README.md

@@ -0,0 +1 @@
+# frontend_5

frontend_5/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.

frontend_5/next.config.js

@@ -0,0 +1,2 @@
+/** @type {import('next').NextConfig} */
+module.exports = {}

frontend_5/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "frontend_5",
+  "version": "0.1.0",
+  "dependencies": {
+    "next": "13.4.6",
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@tsconfig/strictest": "2.0.1",
+    "@types/node": "20.3.1",
+    "@types/react": "18.2.12",
+    "@types/react-dom": "18.2.5",
+    "@typescript-eslint/eslint-plugin": "5.59.11",
+    "@typescript-eslint/parser": "5.59.11",
+    "eslint": "8.43.0",
+    "eslint-config-next": "13.4.6",
+    "eslint-config-prettier": "8.8.0",
+    "eslint-plugin-react": "7.32.2",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "husky": "8.0.3",
+    "lint-staged": "13.2.2",
+    "prettier": "2.8.8",
+    "typescript": "5.1.3"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "npm run lint:js",
+      "npm run fmt"
+    ],
+    "*.tsx": [
+      "npm run lint:js",
+      "npm run fmt"
+    ]
+  },
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint:js": "eslint --ignore-path .gitignore '**/*.{ts,tsx}'",
+    "fmt": "prettier --write --ignore-path .gitignore '**/*.{ts,tsx}'",
+    "fixpack": "npx fixpack"
+  },
+  "volta": {
+    "node": "18.16.0"
+  }
+}