Paso 4: Configurar los archivos de despliegue

# ─── Stage 1: Build ──────────────────────────────────────────────────────────
FROM node:23-alpine AS build
WORKDIR /app

# Public Supabase config — inlined into the client bundle by Vite at build
# time, so these must be passed as --build-arg (not read from a .env file,
# which is excluded from the build context via .dockerignore).
ARG VITE_SUPABASE_URL
ARG VITE_SUPABASE_PUBLISHABLE_KEY
ARG VITE_SUPABASE_PROJECT_ID
ENV VITE_SUPABASE_URL=$VITE_SUPABASE_URL
ENV VITE_SUPABASE_PUBLISHABLE_KEY=$VITE_SUPABASE_PUBLISHABLE_KEY
ENV VITE_SUPABASE_PROJECT_ID=$VITE_SUPABASE_PROJECT_ID

COPY package.json package-lock.json ./
RUN npm ci

COPY . .
ENV NITRO_PRESET=node-server
RUN npm run build


# ─── Stage 2: Runtime ────────────────────────────────────────────────────────
FROM node:23-alpine AS runner
WORKDIR /app

ENV HOST=0.0.0.0
ENV PORT=3000
ENV NODE_ENV=production

# Reusa el MISMO node_modules que generó el bundle en Stage 1 — evita
# discrepancias de resolución/hoisting entre dos instalaciones separadas,
# que es lo que causaba "createCsrfMiddleware is not a function" en runtime.
COPY --from=build /app/node_modules ./node_modules
COPY --from=build /app/.output ./.output

EXPOSE 3000

# El preset "node-server" de Nitro ya arranca su propio listener (usa
# HOST/PORT) y sirve los assets públicos al importarse — server-node.mjs
# también hace serve() en el mismo puerto y causa EADDRINUSE, así que se
# ejecuta el entrypoint de Nitro directamente.
CMD ["node", ".output/server/index.mjs"]

import { Hono } from "hono";
import { serve } from "@hono/node-server";
import { serveStatic } from "@hono/node-server/serve-static";
import server from "./.output/server/index.mjs";

const port = Number(process.env.PORT) || 3000;
const hostname = process.env.HOST || "0.0.0.0";

const app = new Hono();

const env = {
  ASSETS: {
    fetch: async () => new Response("Not Found", { status: 404 }),
  },
  env: undefined,
};
env.env = env;

app.use("*", serveStatic({ root: "./.output/public" }));

app.all("*", (c) =>
  server.fetch(c.req.raw, env, { waitUntil: () => {}, passThroughOnException: () => {} }),
);

serve(
  {
    fetch: app.fetch,
    port,
    hostname,
  },
  (info) => {
    console.log(`Listening on http://${info.address}:${info.port}/`);
  },
);

import { defineConfig } from "@lovable.dev/vite-tanstack-config";

export default defineConfig({
  tanstackStart: {
    server: { entry: "server" },
  },
  nitro: {
    preset: "node-server",
  },
});

git status
git add .
git commit -m "Add config"
git push