Ir al artículo
Aniq-UI

TicketoryEjecuta Ticketory en local

Ejecuta Ticketory 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 22 o más reciente y ejecuta corepack enable una vez (en Node.js 25 y posteriores, que no incluyen Corepack, ejecuta antes npm install -g corepack). No hace falta ningún servidor de base de datos.

Ver los requisitos

Abre cada terminal donde esperan los comandos de abajo: dentro de ticketory-full-stack para la pila completa, 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 públicostorefrontlocalhost:3030Local
Panel del organizadoradmin-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 comprueba que cada imagen de ejemplo esté en public/media, y luego crea database.sqlite, sus tablas y cuatro organizadores de ejemplo, cada uno un espacio de trabajo: 29 permisos, los roles Propietario, Gerente, Finanzas y Control de acceso, 9 recintos, 36 eventos (22 en el sitio web), 1.145 pedidos, 14 cuentas de personal y un asistente con ocho pedidos. Termina mostrando los inicios de sesión del propietario y del asistente. Las fechas siguen el día en que ejecutas los datos de ejemplo. Volver a ejecutarlo no añade filas y nunca restablece una contraseña, pero devuelve los cuatro roles integrados a sus permisos por defecto.

    Terminalen back-end
    yarn seed
  3. Inicia el servidor

    Terminalen back-end
    yarn dev

    Resultado esperado: localhost:8000/api/healthLocal responde con "status":"ok" y "database":"up".

    ¿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 ticketory-backend
    yarn install
    cp .env.example .env
    ¿Tienes problemas?
  2. Crea la base de datos

    yarn seed comprueba que cada imagen de ejemplo esté en public/media, y luego crea database.sqlite, sus tablas y cuatro organizadores de ejemplo, cada uno un espacio de trabajo: 29 permisos, los roles Propietario, Gerente, Finanzas y Control de acceso, 9 recintos, 36 eventos (22 en el sitio web), 1.145 pedidos, 14 cuentas de personal y un asistente con ocho pedidos. Termina mostrando los inicios de sesión del propietario y del asistente. Las fechas siguen el día en que ejecutas los datos de ejemplo. Volver a ejecutarlo no añade filas y nunca restablece una contraseña, pero devuelve los cuatro roles integrados a sus permisos por defecto.

    Terminalen ticketory-backend
    yarn seed
  3. Inicia el servidor

    Terminalen ticketory-backend
    yarn dev

    Resultado esperado: localhost:8000/api/healthLocal responde con "status":"ok" y "database":"up".

    ¿Tienes problemas?

Inicia el sitio web público

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 los eventos de ejemplo; el árabe está en /ar.

    ¿Tienes problemas?

Inicia el sitio web público

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 ticketory-website
    yarn install
    cp .env.example .env
    ¿Tienes problemas?
  2. Inícialo

    Terminalen ticketory-website
    yarn dev

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

    ¿Tienes problemas?

Inicia el panel del organizador

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

    yarn dev primero copia el worker de la biblioteca de mapas en public/maplibre/ y luego inicia el panel.

    Terminalen admin-dashboard
    yarn dev

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

    ¿Tienes problemas?

Inicia el panel del organizador

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 ticketory-dashboard
    yarn install
    cp .env.example .env
    ¿Tienes problemas?
  2. Inícialo e inicia sesión

    Terminalen ticketory-dashboard
    yarn dev

    Resultado esperado: localhost:3031Local abre el formulario de inicio de sesión. Inicia sesión con owner@example.test y la contraseña DemoOnly!2026, que acepta una API con datos de ejemplo.

    ¿Tienes problemas?

Otros puertos

Sin Docker, los puertos están fijados en los archivos. Los scripts dev y start del sitio web en package.json pasan -p 3030, y los del panel pasan -p 3031: cambia el número ahí para mover uno, luego añade la nueva dirección a CORS_ORIGIN en el .env de la API, y define allí STOREFRONT_URL si mueves el sitio web, o FRONTEND_URL si mueves el panel. Para mover la API, define PORT, PUBLIC_MEDIA_URL y PUBLIC_API_URL en su .env con el mismo número, y NEXT_PUBLIC_API_BASE_URL en ambos frontends (también NEXT_PUBLIC_WEBSOCKET_BASE_URL del panel).

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 nunca cambia las tablas al iniciar, y se niega a iniciar mientras JWT_SECRET esté vacío o siga con el valor de 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
PUBLIC_API_URL=http://localhost:8000
PUBLIC_MEDIA_URL=http://localhost:8000/media

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ícialo. yarn seed:prod añade los organizadores de ejemplo 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 compilan su .env en el momento de la construcción, así que ejecuta yarn build otra vez después de cambiarlo. Antes de desplegar en cualquier lugar público, lee la guía de despliegue.

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-31

¿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.