Merge pull request #2 from ZEKE320/feature/1-nextjs-reimplementation

Next.jsによる実装に置き換え

.eslintrc.yml

@@ -2,20 +2,24 @@ env:
   browser: true
   es2021: true
 extends:
+  - next/core-web-vitals
   - eslint:recommended
   - plugin:@typescript-eslint/recommended
+  - plugin:react/jsx-runtime
 parser: "@typescript-eslint/parser"
 parserOptions:
   ecmaVersion: latest
   sourceType: module
 plugins:
   - "@typescript-eslint"
+  - react
+  - prettier
 rules:
   indent:
     - error
-    - 4
+    - 2
   linebreak-style:
-    - error
+    - warn
     - windows
   quotes:
     - error

.gitignore

@@ -1,4 +1,38 @@
-node_modules
-dist/
-.vscode/*
-!.vscode/launch.json
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.vscode/chrome/

.vscode/launch.json

@@ -1,13 +1,16 @@
 {
+  // IntelliSense を使用して利用可能な属性を学べます。
+  // 既存の属性の説明をホバーして表示します。
+  // 詳細情報は次を確認してください: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Webpack: Chrome",
+      "name": "Next.js: Chrome",
       "type": "chrome",
       "request": "launch",
-      "url": "http://localhost:8080",
+      "url": "http://localhost:3000",
       "webRoot": "${workspaceFolder}",
-      "userDataDir": "${workspaceFolder}/.vscode/chrome/webpack"
+      "userDataDir": "${workspaceFolder}/.vscode/chrome/nextjs"
     }
   ]
 }

next.config.js

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