npm optimization

[Fratonia]

Hello everyone,
I am developing a crypto project. My project includes a backend part (server, database...etc) to run it I created a service when starting my raspi with the node js function. The latter does not consume too much memory 1%.

I have a second part called "frontend" which includes all the visuals of my site, I have installed quite a few node js modules (react, solana wallet connection). Here is what my package.json file contains:

"name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@craco/craco": "^7.1.0",
    "@emotion/react": "^11.11.4",
    "@emotion/styled": "^11.11.5",
    "@mui/icons-material": "^5.16.1",
    "@mui/material": "^5.16.4",
    "@solana/wallet-adapter-base": "^0.9.23",
    "@solana/wallet-adapter-phantom": "^0.9.24",
    "@solana/wallet-adapter-react": "^0.15.35",
    "@solana/wallet-adapter-react-ui": "^0.9.35",
    "@solana/wallet-adapter-wallets": "^0.19.32",
    "@solana/web3.js": "^1.95.0",
    "autoprefixer": "^10.4.19",
    "axios": "^1.7.2",
    "browserify-zlib": "^0.2.0",
    "crypto-browserify": "^3.12.0",
    "eslint-config-react-app": "^7.0.1",
    "https-browserify": "^1.0.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-router-dom": "^6.24.1",
    "react-scripts": "5.0.1",
    "socket.io-client": "^4.7.5",
    "stream-browserify": "^3.0.0",
    "stream-http": "^3.2.0",
    "tailwindcss": "^3.4.6",
    "url": "^0.11.3"
  },
  "scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

Regarding my craco configuration file, here it is:

const path = require('path');

module.exports = {
  webpack: {
    alias: {
      stream: 'stream-browserify',
      crypto: 'crypto-browserify',
      https: 'https-browserify',
      http: 'stream-http',
      url: 'url',
      zlib: 'browserify-zlib'
    },
     reactScriptsVersion: 'react-scripts' /* (default value) */,
     style: {
      postcss: {
       plugins: [
        require('tailwindcss'),
        require('autoprefixer'),
       ],
      },
     },
    configure: {
      resolve: {
        fallback: {
          stream: require.resolve('stream-browserify'),
          crypto: require.resolve('crypto-browserify'),
          https: require.resolve('https-browserify'),
          http: require.resolve('stream-http'),
          url: require.resolve('url'),
          zlib: require.resolve('browserify-zlib')

        }
      }
    }
  }
};

When I run the "npm start" command, I use 22G of my RAM and 800M of my physical memory. The problem, I switched the project to a server with 1G of RAM but it doesn't work due to a fatal memory error.

Do you have a solution to offer me? thanking you in advance