Ir al artículo
Aniq-UI

Food StudioEjecuta el restaurante en local

Ejecuta el restaurante en local

Instala e inicia cada aplicación con Node.js y Yarn, una terminal por aplicación.

Para el paquete Full Stack

Antes de empezar: instala Node.js 24 o una versión más reciente y ejecuta corepack enable una vez. No hace falta ningún servidor de base de datos.

Ver los requisitos

Abre cada terminal donde lo esperan los comandos de abajo: dentro de food-studio-full-stack para el paquete completo, o junto a la carpeta de la aplicación para un paquete de una sola aplicación.

AplicaciónCarpetaDirección
APIback-endlocalhost:8000Local
Sitio web de pedidosstorefrontlocalhost:3030Local
Panel del personaladmin-dashboardlocalhost:3031Local

Inicia primero la API: ambos frontends obtienen de ella todos sus datos.

Inicia la API

  1. Instala y configura

    .env.example funciona tal cual para el desarrollo local: SQLite en el puerto 8000.

    Terminal
    corepack enable
    cd back-end
    yarn install
    cp .env.example .env
    ¿Tienes problemas?
  2. Crea la base de datos

    yarn seed crea database.sqlite, sus tablas y el restaurante de demostración: ocho categorías, 64 platos con sus imágenes, el combo, cuatro cocinas, el personal, y seis semanas de pedidos, reseñas y puntos de recompensa. Si lo vuelves a ejecutar, solo añade lo que falta.

    Terminalen back-end
    yarn seed
  3. Inicia el servidor

    Terminalen back-end
    yarn dev

    Resultado esperado: localhost:8000/api/healthLocal responde {"success":true,"data":{"status":"ok","database":"up"},"message":""}.

    ¿Tienes problemas?

Inicia la API

  1. Instala y configura

    .env.example funciona tal cual para el desarrollo local: SQLite en el puerto 8000.

    Terminal
    corepack enable
    cd food-studio-backend
    yarn install
    cp .env.example .env
    ¿Tienes problemas?
  2. Crea la base de datos

    yarn seed crea database.sqlite, sus tablas y el restaurante de demostración: ocho categorías, 64 platos con sus imágenes, el combo, cuatro cocinas, el personal, y seis semanas de pedidos, reseñas y puntos de recompensa. Si lo vuelves a ejecutar, solo añade lo que falta.

    Terminalen food-studio-backend
    yarn seed
  3. Inicia el servidor

    Terminalen food-studio-backend
    yarn dev

    Resultado esperado: localhost:8000/api/healthLocal responde {"success":true,"data":{"status":"ok","database":"up"},"message":""}.

    ¿Tienes problemas?

Inicia el sitio web de pedidos

En una segunda terminal:

  1. Instala y configura

    El .env copiado apunta el sitio web a la API en el puerto 8000.

    Terminal
    cd storefront
    yarn install
    cp .env.example .env
  2. Inícialo

    Terminalen storefront
    yarn dev

    Resultado esperado: localhost:3030Local abre el sitio web en inglés con el menú de demostración; el árabe está en /ar.

    ¿Tienes problemas?

Inicia el sitio web de pedidos

La API no forma parte de este paquete. Iníciala primero; el .env copiado la espera en http://localhost:8000/api.

  1. Instala y configura

    Si tu API funciona en otro lugar, configura NEXT_PUBLIC_API_BASE_URL en .env con su dirección, incluido /api.

    Terminal
    corepack enable
    cd food-studio-website
    yarn install
    cp .env.example .env
    ¿Tienes problemas?
  2. Inícialo

    Terminalen food-studio-website
    yarn dev

    Resultado esperado: localhost:3030Local abre el sitio web con el menú de tu API; el árabe está en /ar.

    ¿Tienes problemas?

Inicia el panel del personal

En una tercera terminal:

  1. Instala y configura

    El .env copiado apunta el panel a la API y a sus notificaciones en directo en el puerto 8000.

    Terminal
    cd admin-dashboard
    yarn install
    cp .env.example .env
  2. Inícialo e inicia sesión

    Terminalen admin-dashboard
    yarn dev

    Resultado esperado: localhost:3031Local abre el formulario de inicio de sesión. Inicia sesión con owner@foodstudio.example y la contraseña FoodDemo2026!.

    ¿Tienes problemas?

Inicia el panel del personal

La API no forma parte de este paquete. Iníciala primero; el .env copiado la espera en http://localhost:8000/api.

  1. Instala y configura

    Si tu API funciona en otro lugar, configura en .env NEXT_PUBLIC_API_BASE_URL (con /api) y NEXT_PUBLIC_WEBSOCKET_BASE_URL (sin él) con su dirección.

    Terminal
    corepack enable
    cd food-studio-staff-dashboard
    yarn install
    cp .env.example .env
    ¿Tienes problemas?
  2. Inícialo e inicia sesión

    Terminalen food-studio-staff-dashboard
    yarn dev

    Resultado esperado: localhost:3031Local abre el formulario de inicio de sesión. Inicia sesión con la cuenta del propietario owner@foodstudio.example y la contraseña FoodDemo2026!, que acepta una API con los datos de demostración cargados.

    ¿Tienes problemas?

Versión de producción

Las mismas carpetas, construidas una vez y luego iniciadas. Primero configura el .env de la API para producción: con NODE_ENV=production la API no crea tablas al iniciar, y se niega a iniciar mientras JWT_SECRET esté vacío o siga con el valor del ejemplo, o mientras CORS_ORIGIN esté vacío.

El .env de la API
NODE_ENV=production
JWT_SECRET=paste-the-generated-secret-here
CORS_ORIGIN=http://localhost:3030,http://localhost:3031
FRONTEND_URL=http://localhost:3031
STOREFRONT_URL=http://localhost:3030

Genera el secreto con node -e "console.log(require('crypto').randomBytes(48).toString('hex'))". Luego, en la carpeta de la API, constrúyela, crea sus tablas una vez e iníciala. yarn seed:prod añade el restaurante de demostración y sus cuentas; yarn db:sync:prod en su lugar crea tablas vacías sin cuentas.

Terminal
yarn build
yarn seed:prod
yarn start:prod

Construcción de producción de los frontends

En la carpeta de cada frontend, construye una vez e inicia. El sitio web funciona en el 3030 y el panel en el 3031.

Terminal
yarn build
yarn start

Los frontends incorporan su .env al construirse, así que vuelve a ejecutar yarn build después de cambiarlo. Antes de publicar en cualquier lugar público, lee la lista de comprobación para pasar a producción.

Empieza de cero con datos de demostración nuevos

Detén la API, elimina el archivo de la base de datos y vuelve a cargar los datos, en la carpeta de la API. Esto elimina todo lo que creaste.

Terminal
rm -f database.sqlite* && yarn seed

En PowerShell:

Terminal
Remove-Item database.sqlite*; yarn seed

Siguiente

¿Te resultó útil?

Revisado con la versión 2026-10-08-3

¿Te atascaste en un paso?

Busca una solución antes de empezar de nuevo.

Solución de problemas

Preferencias de Cookies

Utilizamos cookies para mejorar tu experiencia de navegación, analizar el tráfico del sitio y personalizar el contenido. Al hacer clic en "Aceptar Todo", consientes nuestro uso de cookies para análisis y publicidad personalizada.