How to vew a FrontEnd React App deployed on Railway

# Use the node:alpine base image
FROM node:alpine

# Set the working directory inside the container
WORKDIR /app

# Copy package.json and package-lock.json to the container
COPY package.json package-lock.json ./

# Install dependencies
RUN npm ci

# Copy the rest of the web directory to the container
COPY . .

# Install 'serve' globally (for production)
RUN npm install -g serve

# Expose port 3000 for the web server
EXPOSE 3000

# Serve the built application using 'serve' with the specified options
CMD ["serve", "build", "-s", "-n", "-l", "3000"]

# Use the node:alpine base image
FROM node:alpine

# Set the working directory inside the container
WORKDIR /app

# Copy package.json and package-lock.json to the container
COPY package.json package-lock.json ./

# Install dependencies
RUN npm ci

# Copy the rest of the web directory to the container
COPY . .

# Install 'serve' globally (for production)
RUN npm install -g serve

# Expose port 3000 for the web server
EXPOSE 3000

# Serve the built application using 'serve' with the specified options
CMD ["serve", "build", "-s", "-n", "-l", "3000"]

"scripts": {
    "start": "serve build -s -n -L -p ${PORT:-3000}",
    "build": "react-scripts build",
    "serve": "react-scripts start"
  },

"scripts": {
    "start": "serve build -s -n -L -p ${PORT:-3000}",
    "build": "react-scripts build",
    "serve": "react-scripts start"
  },