refactor: migrage nextjs

Author: Holybasil

.env.template

@@ -1,5 +1,5 @@
 {
-  "extends": ["react-app", "prettier"],
+  "extends": ["next/core-web-vitals", "prettier"],
   "plugins": ["prettier"],
   "rules": {
     "prettier/prettier": "error",
@@ -9,6 +9,12 @@
     "no-extend-native": "off",
     "no-sequences": "off",
     "react-hooks/exhaustive-deps": "off",
-    "react/jsx-pascal-case": "off"
+    "react/jsx-pascal-case": "off",
+
+    // TODO:
+    "react/no-unescaped-entities":"off",
+    "@next/next/no-img-element":"off",
+    "@next/next/no-page-custom-font":"off",
+    "react/no-children-prop":"off"
   }
 }

.eslintrc.json

@@ -4,24 +4,35 @@
 /node_modules
 /.pnp
 .pnp.js
+.yarn/install-state.gz
 
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-.vscode
-.env
-.tool-versions
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.vscode/

.gitignore

@@ -0,0 +1,10 @@
+const path = require('path')
+ 
+const buildEslintCommand = (filenames) =>
+  `next lint --fix --file ${filenames
+    .map((f) => path.relative(process.cwd(), f))
+    .join(' --file ')}`
+ 
+module.exports = {
+  '*.{js,jsx,ts,tsx}': [buildEslintCommand],
+}

.lintstagedrc.js

@@ -24,7 +24,7 @@ Before running locally, make sure to duplicate `.env.template` to a new file cal
 
 In the project directory, you can run:
 
-### `yarn start`
+### `yarn run dev`
 
 Runs the app in the development mode.\
 Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
@@ -67,8 +67,7 @@ Generate webp format image
 
 ## Deployment
 
-Using Scroll's team Netlify: https://app.netlify.com/sites/scroll-io/overview
+Using Scroll's team Netlify: https://vercel.com/scroll-tech/frontends
 
 - Production (SCROLL_ENVIRONMENT=MAINNET): https://scroll.io
-- Sepolia (SCROLL_ENVIRONMENT=SEPOLIA): https://sepolia.env.scroll.io
-- Staging (SCROLL_ENVIRONMENT=STAGING): https://staging.env.scroll.io
+- Sepolia (SCROLL_ENVIRONMENT=SEPOLIA): frontends-git-sepolia-scroll-tech.vercel.app