change env when runtime docker

.github/workflows/cicd.yml

@@ -57,19 +57,15 @@ jobs:
         uses: docker/build-push-action@v5
         with:
           context: "{{defaultContext}}:project"
-          push: false
+          push: true
           tags: ${{secrets.DOCKER_USERNAME}}/portofolio:${{secrets.DOCKER_PORTOFOLIO_TAGS_APP}}
-          secrets: |
-            "VITE_SERVICE_ID=${{secrets.VITE_SERVICE_ID}}"
-            "VITE_PUBLIC_KEY=${{secrets.VITE_PUBLIC_KEY}}"
-            "VITE_TEMPLATE_ID=${{secrets.VITE_TEMPLATE_ID}}"
 
-      - name: Run Trivy vulnerability scanner docker container
-        uses: aquasecurity/[email protected]
-        with:
-          scan-type: 'image'
-          scan-ref: ${{secrets.DOCKER_USERNAME}}/portofolio:${{secrets.DOCKER_PORTOFOLIO_TAGS_APP}}
-          trivy-config: trivy.yaml
+      # - name: Run Trivy vulnerability scanner docker container
+      #   uses: aquasecurity/[email protected]
+      #   with:
+      #     scan-type: 'image'
+      #     scan-ref: ${{secrets.DOCKER_USERNAME}}/portofolio:${{secrets.DOCKER_PORTOFOLIO_TAGS_APP}}
+      #     trivy-config: trivy.yaml
 
       - name: Login into docker hub
         uses: docker/login-action@v3

infra/docker/dev/compose.yml

@@ -0,0 +1,26 @@
+version: "3.8"
+services:
+  loki: 
+    image: "grafana/loki:3.0.0"
+    container_name: grafana loki
+    ports:
+      - 
+
+  prometheus:
+    image: "prom/prometheus:latest"
+    container_name: Prometheus
+    #healthcheck:
+    #  test: ["ecutable", "arg"]
+    #  interval: 1m30s
+    #  timeout: 30s
+    #  retries: 5
+    #  start_period: 30s
+    ports:
+      - 
+
+  grafana:
+    image: grafana/grafana:latest
+    container_name: grafana
+
+
+

infra/observability/grafana.yaml

@@ -0,0 +1,2 @@
+scrape_configs:
+

infra/observability/prometheus.yaml

@@ -0,0 +1,11 @@
+scrape_configs:
+- job_name: frontend_metrics
+  honor_timestamps: true
+  scrape_interval: 1m
+  scrape_timeout: 10s
+  metrics_path: /metrics
+  scheme: http
+  follow_redirects: true
+  static_configs:
+  - targets:
+    - 127.0.0.1:3000

next-app/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["next/core-web-vitals", "next/typescript"]
+}

next-app/.gitignore

@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

next-app/README.md

@@ -0,0 +1,36 @@
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

next-app/next.config.mjs

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
+
+export default nextConfig;