The frontend is a Next.js application that is composed by two layers.
- Client side application. Which renders the components for the OTEL webstore.
- API layer. Connects the client to the backend services by exposing REST endpoints.
By running docker compose up
at the root of the project you'll have access to the
frontend client by going to http://localhost:8080/.
Currently, the easiest way to run the frontend for local development is to execute
docker compose run --service-ports -e NODE_ENV=development
--volume $(pwd)/src/frontend:/app --volume $(pwd)/pb:/app/pb frontend sh
from the root folder.
It will start all of the required backend services
and within the container simply run npm run dev
.
After that the app should be available at http://localhost:8080/.