Skip to main content

Configurar el frontend localmente

Para trabajar con OrionStore localmente ocupas clonar el proyecto y montarlo localmente. Esto es extremandamente sencillo y se puede realizar en menos de 10 minutos.

Requisitos​

El proyecto utiliza NextJS 16 para manejar el front-end.

Dependencias​

  • Node.js v24.x o superior.
  • Yarn v1.x o superior.

El resto de dependencias se instalan solas siguiendo el package.json.

Instalacion​

Clona el repositorio.

git clone https://github.com/GrapesMaster98/orionstore.git

En la carpeta raíz, instala las dependencias.

yarn install

Variables de entorno​

Para que el proyecto funcione correctamente, hay que configurar variables de entorno que se encargarán de conectar los servicios con la web.

warning

Las variables de entorno son delicadas, incluyen claves de API, tokens y más detalles delicados. Nunca hagas commit a tu .env.local o .env.

El .gitignore debería de ignorar estos archivos al hacer comit por defecto, pero ten cuidado.

Crea un archivo .env.local en la carpeta raíz y coloca los siguientes valores:

# ORIONSTORE API URL
NEXT_PUBLIC_API_URL=

# KINDE
KINDE_CLIENT_ID=
KINDE_CLIENT_SECRET=
KINDE_ISSUER_URL=
KINDE_SITE_URL=https://localhost:3000
KINDE_POST_LOGOUT_REDIRECT_URL=https://localhost:3000
KINDE_POST_LOGIN_REDIRECT_URL=https://localhost:3000

OrionStore usa Kinde para administrar todo lo relacionado a login y auth de usuarios. Es necesario que te registres y obtengas tu CLIENT ID, CLIENT SECRET y ISSUER URL. Kinde es 100% gratuito.

tip

Puedes añadir todas las variables que desees, puedes leer más sobre como Next.JS maneja los envs en la documentación oficial.