Add client web vitals telemetry forwarding (#83)

* feat: collect web vitals telemetry

* refactor: switch frontend build to server runtime

Author: shayancoin

frontend/README.md

@@ -28,3 +28,12 @@ docker compose --env-file .env.development -f docker-compose.dev.yml up frontend
 ## Adding New Pages
 
 To add a new page, create a new directory in src/app with a page.tsx file, following the Next.js App Router conventions.
+
+## Observability Configuration
+
+Web Vitals are collected in the browser and forwarded to an OpenTelemetry collector from the `/api/otel/webvital` route. Configure the collector target using the following environment variables when running the frontend:
+
+- `OTEL_COLLECTOR_URL` – full URL to the collector (e.g. `http://otel-collector:4318`).
+- or `OTEL_COLLECTOR_HOST` and `OTEL_COLLECTOR_PORT` – host and port that will be combined into `http(s)://HOST:PORT/v1/traces`.
+- `OTEL_COLLECTOR_PROTOCOL` – optional protocol override (`http` by default) when using host/port variables.
+- `OTEL_SERVICE_NAME` – optional service name reported to the collector (defaults to `paform-frontend`).

frontend/next.config.mjs

@@ -1,6 +1,5 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  output: 'export',
   basePath: '',
   images: {
     unoptimized: true,
@@ -25,9 +24,4 @@ const nextConfig = {
   },
 };
 
-// Handle rewrites differently for static export
-if (process.env.NODE_ENV === 'production') {
-  delete nextConfig.rewrites;
-}
-
 export default nextConfig;