Ejecuta el panel sin Docker
Instala e inicia el panel con Node.js y Yarn, en desarrollo o como versión de producción.
Antes de empezar: instala Node.js 20.9 o posterior; se recomienda la 22 o la 24. No hace falta base de datos ni archivo .env para la primera ejecución.
Descarga y descomprime la plantilla como en la guía de Docker y luego abre una terminal en la carpeta dashboard-template-1.
Inicia el servidor de desarrollo
Activa Corepack
Corepack ejecuta la versión de Yarn que fija el proyecto, Yarn 4.12.0. Solo tienes que hacerlo una vez por equipo.
Terminalcorepack enable¿Tienes problemas?Instala las dependencias
Terminalendashboard-template-1yarn installResultado esperado: Yarn termina con
¿Tienes problemas?Doney aparece una carpetanode_modules.Inícialo y abre el panel
Terminalendashboard-template-1yarn dev¿Un puerto ya está en uso?
Si se detiene con
Un puerto ya está en usoEADDRINUSE: address already in use :::3030, otro programa usa el puerto 3030. Detenlo, o inicia en otro puerto conyarn dev -p 3041y abre localhost:3041Local.Resultado esperado: localhost:3030/
¿Tienes problemas?en/ loginLocal abre la página de inicio de sesión. Se recarga sola cuando guardas un archivo.
Inicia sesión con la cuenta de la guía de Docker. Detén el servidor con Ctrl+C en su terminal.
Ejecuta una versión de producción
El servidor de desarrollo es para editar. Para ver el panel como lo verán tus usuarios, constrúyelo una vez y luego sirve esa versión:
dashboard-template-1yarn build
yarn startTambién responde en localhost:3030/yarn start -p 3041. Ejecuta yarn build de nuevo después de cada cambio: yarn start sirve la última construcción tal como estaba.
Los scripts
| Script | Qué hace |
|---|---|
yarn dev | Servidor de desarrollo en el puerto 3030 |
yarn build | Versión de producción |
yarn start | Sirve la versión de producción en el puerto 3030 |
yarn lint | Revisa el código con ESLint y las reglas de Next.js |
yarn type-check | Comprueba los tipos de TypeScript |
Tus propios ajustes
Todos los ajustes son opcionales. Para cambiar uno, copia .env.example a .env.local y edítalo allí. Los valores se leen cuando la aplicación arranca en desarrollo y cuando se construye, así que reinicia yarn dev, o vuelve a ejecutar yarn build, después de un cambio.
dashboard-template-1cp .env.example .env.local