build: bump Next.js version (#162)

* buils: bump next js version

* chore: add packageManager

* chore: return vitest

* style: fix formatter

* chore: fix next config

* chore: fix tsconfig

* chore: bump node version to 22

* style: fix eslint config

* chore: add missing config

* fix: typing

.eslintrc.yml

@@ -3,15 +3,18 @@ env:
   es2021: true
   node: true
 extends:
-  - love
+  # - love
+  - plugin:@typescript-eslint/recommended
   - plugin:react/recommended
   - plugin:react/jsx-runtime
   - prettier
+parser: '@typescript-eslint/parser'
 parserOptions:
   ecmaVersion: latest
   sourceType: module
 plugins:
   - react
-  - prettier
+  - '@typescript-eslint'
 rules:
   '@typescript-eslint/explicit-function-return-type': 'off'
+root: true

.github/workflows/build.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20]
+        node-version: [22]
     steps:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4

.github/workflows/code-format.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20]
+        node-version: [22]
     steps:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4
@@ -18,5 +18,5 @@ jobs:
           cache: 'pnpm'
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
-      - name: Run ESLint
+      - name: Run Formatter
         run: pnpm run format:check

.github/workflows/deploy-nextjs.yml

@@ -31,7 +31,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20]
+        node-version: [22]
     steps:
       - name: Checkout
         uses: actions/checkout@v4

.github/workflows/lint.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20]
+        node-version: [22]
     steps:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4

.github/workflows/test.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [20]
+        node-version: [22]
     steps:
       - uses: actions/checkout@v4
       - uses: pnpm/action-setup@v4

.prettierrc.yml

@@ -15,7 +15,6 @@ importOrder:
     '^@/constants/(.*)$',
     '^@/components/(.*)$',
     '^@/(.*)$',
-    '^app/(.*)$',
     '^@/assets/(.*)$',
     '^[./]',
   ]

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

next.config.js → next.config.ts

@@ -1,12 +1,13 @@
-// @ts-check
-const { PHASE_DEVELOPMENT_SERVER } = require('next/constants');
+import { PHASE_DEVELOPMENT_SERVER } from 'next/constants';
 
-module.exports = async (phase) => {
+import type { NextConfig } from 'next';
+
+export default async (phase: string) => {
   if (phase === PHASE_DEVELOPMENT_SERVER) {
     /**
      * @type {import('next').NextConfig}
      */
-    const nextConfig = {
+    const nextConfig: NextConfig = {
       reactStrictMode: true,
       output: 'export',
     };
@@ -16,7 +17,7 @@ module.exports = async (phase) => {
   /**
    * @type {import('next').NextConfig}
    */
-  const nextConfig = {
+  const nextConfig: NextConfig = {
     reactStrictMode: true,
     output: 'export',
     basePath: '/auto-manufacturers', // GitHub pages