migrated to pnpm

.eslintrc.js

@@ -8,6 +8,7 @@ module.exports = {
     './config/eslint/unicorn',
     './config/eslint/prettier',
     'next/core-web-vitals',
+    'next/typescript',
   ],
   plugins: ['only-warn'],
   reportUnusedDisableDirectives: true,

.github/workflows/nextjs.yml

@@ -32,11 +32,15 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.12.2
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          cache: npm
+          node-version-file: '.nvmrc'
+          cache: pnpm
       - name: Setup Pages
         uses: actions/configure-pages@v5
       - name: Restore cache
@@ -50,9 +54,9 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
       - name: Install dependencies
-        run: npm ci
+        run: pnpm install
       - name: Build with Next.js
-        run: npm run build
+        run: pnpm build
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:

.husky/pre-commit

@@ -1,2 +1,2 @@
-npx lint-staged
-npm run types:check
+pnpm exec lint-staged
+pnpm types:check

.vscode/launch.json

@@ -6,7 +6,7 @@
       "name": "Next.js: debug server-side",
       "type": "node-terminal",
       "request": "launch",
-      "command": "npm run dev"
+      "command": "pnpm dev"
     },
     {
       "name": "Next.js: debug client-side",
@@ -18,7 +18,7 @@
       "name": "Next.js: debug full stack",
       "type": "node-terminal",
       "request": "launch",
-      "command": "npm run dev",
+      "command": "pnpm dev",
       "serverReadyAction": {
         "pattern": "- Local:.+(https?://.+)",
         "uriFormat": "%s",

README.md

@@ -18,13 +18,13 @@ Images can be copied to the clipboard or downloaded as image files to be shared
 To start development, we should install our packages first.
 
 ```bash
-npm install
+pnpm install
 ```
 
 After the installation is completed, we can run the app by:
 
 ```bash
-npm run dev
+pnpm dev
 ```
 
 and it will start on `http://localhost:3000`.
@@ -34,11 +34,11 @@ and it will start on `http://localhost:3000`.
 To create a production build, we need to run the below command first:
 
 ```bash
-npm run build
+pnpm build
 ```
 
 After this step, we can run the app in `production` mode by:
 
 ```bash
-npm start
+pnpm start
 ```