build: upgrade yarn and node engines (#3)

* build: upgrade yarn and node engines

* build: fix formatting

.nvmrc

@@ -1 +1 @@
-19
+20.11.0

.yarnrc.yml

@@ -1,3 +1,7 @@
+compressionLevel: mixed
+
+enableGlobalCache: false
+
 nodeLinker: node-modules
 
 packageExtensions:
@@ -12,15 +16,9 @@ packageExtensions:
       react-dom: '*'
 
 plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-    spec: '@yarnpkg/plugin-workspace-tools'
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: '@yarnpkg/plugin-interactive-tools'
   - path: .yarn/plugins/@yarnpkg/plugin-outdated.cjs
     spec: 'https://mskelton.dev/yarn-outdated/v3'
   - path: .yarn/plugins/@yarnpkg/plugin-engines.cjs
     spec: 'https://raw.githubusercontent.com/devoto13/yarn-plugin-engines/main/bundles/%40yarnpkg/plugin-engines.js'
-  - path: .yarn/plugins/@yarnpkg/plugin-typescript.cjs
-    spec: '@yarnpkg/plugin-typescript'
 
-yarnPath: .yarn/releases/yarn-3.6.1.cjs
+yarnPath: .yarn/releases/yarn-4.0.2.cjs

README.md

@@ -2,11 +2,11 @@
 
 ## Overview
 
-This project contains the application's UI built with React, Vite, TypeScript, and SWC.
+This project contains the application's UI built with React, Vite, TypeScript, and SWC. It requires Node.js v20, [nvm](https://github.com/nvm-sh/nvm) (or [n](https://github.com/tj/n)), and Yarn v4.
 
 ## System Requirements
 
-- [Node 19](https://nodejs.org/en/download)
+- [Node 20](https://nodejs.org/en/download)
 - [Yarn](https://yarnpkg.com/getting-started/install)
 - [GitLeaks](https://github.com/gitleaks/gitleaks/tree/master#installing)
 
@@ -20,7 +20,22 @@ git clone [email protected]:aquia/template-vite-react`
 cd template-vite-react
 ```
 
-2. Install dependencies:
+2. Setup Node.js and Yarn
+
+```shell
+# using nvm
+nvm install --latest-npm
+nvm use
+
+# using n
+n install auto
+n use auto
+
+# enable corepack
+corepack enable yarn
+```
+
+3. Install dependencies:
 
 ```shell
 yarn

package.json

@@ -13,6 +13,12 @@
     "Sinan Bolel"
   ],
   "type": "module",
+  "packageManager": "[email protected]",
+  "engines": {
+    "node": "20.11.0",
+    "npm": "please-use-yarn",
+    "yarn": "4.0.2"
+  },
   "scripts": {
     "start": "yarn run dev",
     "dev": "vite",
@@ -37,12 +43,6 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
-  "packageManager": "[email protected]",
-  "engines": {
-    "node": "19",
-    "npm": "please-use-yarn",
-    "yarn": "3.6.1"
-  },
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",