Este proyecto requiere un sistema operativo compatible con Node.js para ejecutarse. Los sistemas operativos compatibles son:
- macOS Sonoma o versiones posteriores
- Windows 11
Para ejecutar este proyecto en tu computadora local, es necesario que tengas instalado Node.js y npm (Node Package Manager).
- Instalar Node.js con nvm (Node Version Manager):
- Ve al sitio oficial de Node.js: Descargar Node.js y selecciona la versión 20.17.0.
- Abre la Terminal.
- Descarga e instala
nvm(gestor de versiones de Node.js) ejecutando este comando:curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.0/install.sh | bash - Cierra y vuelve a abrir la Terminal, o bien ejecuta el siguiente comando para recargar el perfil:
source ~/.bashrc
- Instala la versión recomendada de Node.js:
nvm install 20
- Verifica la instalación:
Deberías ver algo similar a:
node -v npm -v
v20.17.0 10.8.2
- Instalar Node.js con fnm (Fast Node Manager):
- Ve al sitio oficial de Node.js: Descargar Node.js y selecciona la versión 20.17.0.
- Abre PowerShell con privilegios de administrador.
- Ejecuta el siguiente comando para instalar
fnm(gestor de versiones de Node.js):winget install Schniz.fnm
- Configura el entorno de
fnmcon:fnm env --use-on-cd | Out-String | Invoke-Expression
- Instala la versión recomendada de Node.js:
fnm use --install-if-missing 20
- Verifica la instalación:
Deberías ver algo como:
node -v npm -v
v20.17.0 10.8.2
-
Descargar el proyecto:
- Ve al repositorio del proyecto en GitHub: Real-Alto-App-Web.
- En la página principal del repositorio, busca el botón que dice "Code" en verde.
- Haz clic en el botón "Code". Se desplegará un menú con varias opciones.
- Selecciona la opción Download ZIP. Esto descargará el proyecto como un archivo comprimido en formato ZIP en tu computadora.
- Una vez descargado el archivo ZIP, ve a la carpeta donde se guardó y descomprímelo. Si estás en Windows, puedes hacer clic derecho sobre el archivo y seleccionar "Extraer todo". En macOS, simplemente haz doble clic sobre el archivo ZIP para descomprimirlo.
-
Instalar dependencias:
- Abre una terminal (en Windows puedes usar PowerShell o cmd, y en macOS puedes usar la Terminal).
- Navega a la carpeta del proyecto que acabas de descomprimir usando el comando
cd(cambia de directorio). Por ejemplo:cd /ruta/del/proyecto - Una vez que estés dentro de la carpeta del proyecto, ejecuta el siguiente comando para instalar las dependencias necesarias:
npm install
- Nota: En algunos casos, si el comando
npm installno funciona y muestra errores relacionados con permisos, puedes intentar lo siguiente:- En macOS y Linux, usa el comando
sudopara dar permisos de administrador al proceso de instalación:sudo npm install
- Esto te pedirá la contraseña de tu sistema, y luego continuará con la instalación de las dependencias.
- En macOS y Linux, usa el comando
-
Ejecutar el servidor de desarrollo:
- Para iniciar el servidor en modo de desarrollo, ejecuta el siguiente comando:
npm run dev
- Para iniciar el servidor en modo de desarrollo, ejecuta el siguiente comando:
-
Abrir la aplicación:
- Una vez iniciado el servidor, abre tu navegador y accede a:
http://localhost:3000 - Podrás ver la aplicación ejecutándose en tu entorno local.
- Una vez iniciado el servidor, abre tu navegador y accede a:
Para obtener más información sobre Next.js, puedes consultar los siguientes recursos:
- Documentación de Next.js - Aprende sobre las características y API de Next.js.
- Tutorial interactivo de Next.js - Aprende Next.js de manera interactiva.
También puedes visitar el repositorio de GitHub de Next.js, donde se agradecen tus comentarios y contribuciones.