feat/webapp-nextjs: authorization with auth0

.github/workflows/build-run-test.yaml

@@ -13,4 +13,4 @@ jobs:
       - name: Build Golang Rest Backend Docker image
         run: docker build -t backend-golang-rest backend-golang-rest
       - name: Build React WebApp Docker image
-        run: docker build -t webapp-react webapp-react
+        run: docker build -t webapp-nextjs webapp-nextjs

docker-compose.dev.yaml

@@ -4,5 +4,5 @@ services:
     build:
       target: build
     volumes:
-      - ./webapp-react:/app
+      - ./webapp-nextjs:/app
     command: npm run dev

docker-compose.yaml

@@ -10,7 +10,7 @@ services:
       - .env
   webapp:
     build:
-      context: ./webapp-react
+      context: ./webapp-nextjs
       dockerfile: Dockerfile
     ports:
       - 3000:3000

justfile

@@ -16,7 +16,7 @@ test-coverage:
     cd backend-golang-rest && go tool cover -html=coverage.out -o coverage.html
 
 start-frontend:
-    cp .env webapp-react/.env.local
-    cd webapp-react && BACKEND_BASE_URL="http://localhost:8080" npm run dev
+    cp .env webapp-nextjs/.env.local
+    cd webapp-nextjs && BACKEND_BASE_URL="http://localhost:8080" npm run dev
 
 

webapp-react/package.json → webapp-nextjs/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "webapp-react",
+  "name": "webapp-nextjs",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@auth0/auth0-react": "^2.2.4",
     "@auth0/nextjs-auth0": "^3.5.0",
     "@emotion/cache": "^11.11.0",
     "@emotion/react": "^11.11.4",

webapp-react/src/api/tasks.ts → webapp-nextjs/src/api/tasks.ts

@@ -5,7 +5,11 @@ function buildUrl(path: string) {
 }
 
 export async function getTasks() {
-  const accessTokenResponse = await getAccessToken({});
+  const accessTokenResponse = await getAccessToken({
+    authorizationParams: {
+      audience: process.env.AUTH0_AUDIENCE || "",
+    },
+  });
 
   const res = await fetch(buildUrl("/v0/tasks"), {
     cache: "no-store",