Update Dockerfile

Dockerfile

@@ -1,65 +1,33 @@
-FROM node:20-alpine AS base
+FROM node:20
+RUN npm install -g pnpm
 
-# Install dependencies only when needed
-FROM base AS deps
-# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
-RUN apk add --no-cache libc6-compat
-WORKDIR /app
-
-# Install dependencies based on the preferred package manager
-COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
-RUN \
-  if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
-  elif [ -f package-lock.json ]; then npm ci --force; \
-  elif [ -f pnpm-lock.yaml ]; then yarn global add pnpm && pnpm i --frozen-lockfile; \
-  else echo "Lockfile not found." && exit 1; \
-  fi
-
-# Uncomment the following lines if you want to use a secret at buildtime, 
-# for example to access your private npm packages
-# RUN --mount=type=secret,id=HF_EXAMPLE_SECRET,mode=0444,required=true \
-#     $(cat /run/secrets/HF_EXAMPLE_SECRET)
-
-# Rebuild the source code only when needed
-FROM base AS builder
-WORKDIR /app
-COPY --from=deps /app/node_modules ./node_modules
-COPY . .
-
-# Next.js collects completely anonymous telemetry data about general usage.
-# Learn more here: https://nextjs.org/telemetry
-# Uncomment the following line in case you want to disable telemetry during the build.
-# ENV NEXT_TELEMETRY_DISABLED 1
-
-# RUN yarn build
+EXPOSE 3000
 
-# If you use yarn, comment out this line and use the line above
-RUN npm run build
+ENV PORT 3000
+ENV HOSTNAME 0.0.0.0
 
-# Production image, copy all the files and run next
-FROM base AS runner
-WORKDIR /app
+# Create a non-root user
+RUN useradd -m appuser
 
-ENV NODE_ENV production
-# Uncomment the following line in case you want to disable telemetry during runtime.
-# ENV NEXT_TELEMETRY_DISABLED 1
+# Set the working directory
+WORKDIR /home/appuser/react-video-editor
 
-RUN addgroup --system --gid 1001 nodejs
-RUN adduser --system --uid 1001 nextjs
+# Clone the code repository
+RUN git clone https://github.com/designcombo/react-video-editor.git .
 
-COPY --from=builder /app/public ./public
+# Change ownership of the entire project directory
+RUN chown -R appuser:appuser /home/appuser/react-video-editor
 
-# Automatically leverage output traces to reduce image size
-# https://nextjs.org/docs/advanced-features/output-file-tracing
-COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
-COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
-COPY --from=builder --chown=nextjs:nodejs /app/.next/cache ./.next/cache
-# COPY --from=builder --chown=nextjs:nodejs /app/.next/cache/fetch-cache ./.next/cache/fetch-cache
+# Switch to the non-root user
+USER appuser
 
-USER nextjs
+# Install pnpm
 
-EXPOSE 3000
+# Install dependencies
+RUN pnpm install
 
-ENV PORT 3000
+# Set permissions for the working directory
+RUN chmod -R 777 /home/appuser/react-video-editor
 
-CMD ["pnpm", "dev"]
+# Start the application
+CMD ["pnpm", "run", "dev", "--", "--host"]