webpack-hmr | 🔨Easy implementation of webpack Hot-Module-Replacement | Build Tool library

I am configuring a NestJS to automatically reload whenever I make changes to the styling, e.g. add a TailwindCSS class to an HTML element.

I think I am close to achieving it because:

• I have installed webpack and the server reloads/recompiles the Typescript whenever I make changes to the code. npm run start:dev runs these scripts "nest build --webpack --webpackPath webpack-hmr.config.js --watch"

• When I run npm build (which runs "nest build && npx tailwindcss -i ./src/assets/tailwind.css -o ./dist/tailwind.css --watch") and make changes to the styling, it 'rebuilds' everytime. Though npm build doesn't run the server...

However, I haven't worked out how to get both of these scripts working together at the same time. I need the server to reload whenever either the TypeScript or the TailwindCSS is changed. I have tried adding "nest build && npx tailwindcss -i ./src/assets/tailwind.css -o ./dist/tailwind.css --watch" to the script for npm run start:dev.

Greetings I have a problem every time when I want to make an Admin REST API call to Shopify I get this problem "Error: Failed to parse session token '****' jwt expired" I see some code examples on the net I have my own custom session storage for accessToken and shop but every time when I try to call my own route from front-end and get more details about the shop I get this problem here is code example can anyone help me?

server.js

I am working with NextJS and I need for it to know when it's making a request on the server or on the browser. To do it on the server-side because I am building this inside a microservices architecture, I need to obtain the service name and namespace of the service to complete the url like so http://SERVICENAME.NAMESPACE.svc.cluster.local.

So in my terminal I printed out all my different namespaces like so:

I am using NestJS and am trying to install Hot Module replacement, following this page's instructions: https://docs.nestjs.com/recipes/hot-reload

Since I am using Nest CLI, I followed the first part of the page. However, at the moment I have to use the nest build --webpack --webpackPath webpack-hmr.config.js command, I get the following error:

I followed this tutorial: https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react

From the beginning, my app was extremely slow to load, including when changing tabs, including when loaded through ngrok and run on localhost or deployed on app engine.

What could be causing this ?

P.S.: I am new to React, Next.js and Shopify App development, so the answer could be quite basic.

P.P.S.: The build output seems to indicate "First Load JS shared by all" is too large based on the red color. I do not know how to investigate this and reduce the size of said chunks although a mere 214KB could not explain such slow load times, could it ?

Build

React Dev Tools Profiler

@next/bundle-analyzer Output:

Parsed

Gzipped

package.json