Terraform for Frontend

backend/Dockerfile

@@ -10,4 +10,6 @@ RUN poetry install --no-root
 
 COPY brewbucks brewbucks
 
+EXPOSE 80 
+
 CMD ["poetry", "run", "flask", "--app", "brewbucks", "run", "--host", "0.0.0.0", "--port", "80"]

ecs.tf

@@ -2,6 +2,49 @@ resource "aws_ecs_cluster" "brewbucks" {
   name = "brewbucks"
 }
 
+resource "aws_ecs_task_definition" "brewbucks-frontend" {
+  family = "brewbucks-frontend"
+  network_mode = "awsvpc"
+  requires_compatibilities = ["FARGATE"]
+  cpu = 1024
+  memory = 2048
+  execution_role_arn = data.aws_iam_role.lab.arn
+  depends_on = [docker_image.brewbucks-frontend]
+
+  container_definitions = <<DEFINITION
+ [ 
+   { 
+    "image": "${docker_registry_image.brewbucks-frontend.name}", 
+    "cpu": 1024, 
+    "memory": 2048, 
+    "name": "brewbucks-frontend", 
+    "networkMode": "awsvpc", 
+    "portMappings": [ 
+      { 
+       "containerPort": 80, 
+       "hostPort": 80 
+      } 
+    ], 
+    "environment": [ 
+      { 
+       "name": "BASE_URL", 
+       "value": "http://${aws_lb.brewbucks.dns_name}" 
+      } 
+    ],
+    "logConfiguration": { 
+      "logDriver": "awslogs", 
+      "options": { 
+       "awslogs-group": "/brewbucks/frontend", 
+       "awslogs-region": "us-east-1", 
+       "awslogs-stream-prefix": "ecs", 
+       "awslogs-create-group": "true" 
+      } 
+    } 
+   } 
+ ] 
+ DEFINITION 
+}
+
 resource "aws_ecs_task_definition" "brewbucks" {
   family                   = "brewbucks"
   network_mode             = "awsvpc"
@@ -45,6 +88,26 @@ resource "aws_ecs_task_definition" "brewbucks" {
  DEFINITION 
 }
 
+resource "aws_ecs_service" "brewbucks-frontend" {
+  name            = "brewbucks-frontend"
+  cluster         = aws_ecs_cluster.brewbucks.id
+  task_definition = aws_ecs_task_definition.brewbucks-frontend.arn
+  desired_count   = 1
+  launch_type     = "FARGATE"
+  depends_on      = [aws_ecs_task_definition.brewbucks-frontend]
+
+  network_configuration {
+    subnets          = data.aws_subnets.private.ids
+    security_groups  = [aws_security_group.brewbucks.id]
+    assign_public_ip = true
+  }
+  load_balancer {
+    target_group_arn = aws_lb_target_group.brewbucks-frontend.arn
+    container_name   = "brewbucks-frontend"
+    container_port   = 80
+  }
+
+}
 
 resource "aws_ecs_service" "brewbucks" {
   name            = "brewbucks"

front-end/Dockerfile

@@ -0,0 +1,10 @@
+FROM node:20-alpine as build
+WORKDIR /app
+COPY package.json .
+RUN npm install
+COPY . .
+RUN npm run build
+RUN npm install -g serve
+EXPOSE 80
+CMD [ "serve" , "-s" , "dist" , "-p" , "80"]
+# CMD [ "npm" , "run" , "preview" ]

front-end/vite.config.js

@@ -3,11 +3,19 @@ import react from '@vitejs/plugin-react-swc'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base:"/",
   server: {
+    port: 80,
+    strictPort: true,
+    host: true,
     watch: {
       usePolling: true
     }
   },
+  preview: {
+    port: 80,
+    strictPort: true,
+   },
   plugins: [react({
     include: "**/*.jsx",
   })]

images.tf

@@ -12,3 +12,18 @@ resource "docker_registry_image" "brewbucks" {
 resource "aws_ecr_repository" "brewbucks" {
   name = "brewbucks"
 }
+
+resource "docker_registry_image" "brewbucks-frontend" {
+  name = docker_image.brewbucks-frontend.name
+}
+
+resource "docker_image" "brewbucks-frontend" {
+  name = "${aws_ecr_repository.brewbucks-frontend.repository_url}:latest"
+  build {
+    context = "./front-end/."
+  }
+}
+
+resource "aws_ecr_repository" "brewbucks-frontend" {
+  name = "brewbucks-frontend"
+}

loadbalancer.tf

@@ -1,19 +1,57 @@
-resource "aws_lb_target_group" "brewbucks" { 
-  name          = "brewbucks" 
-  port          = 80
-  protocol      = "HTTP" 
-  vpc_id        = aws_security_group.brewbucks.vpc_id 
-  target_type   = "ip" 
-
-  health_check { 
-    path                = "/api/v1/health" 
-    port                = "80" 
-    protocol            = "HTTP" 
-    healthy_threshold   = 2 
-    unhealthy_threshold = 2 
-    timeout             = 5 
-    interval            = 10 
-  } 
+resource "aws_lb_target_group" "brewbucks" {
+  name        = "brewbucks"
+  port        = 80
+  protocol    = "HTTP"
+  vpc_id      = aws_security_group.brewbucks.vpc_id
+  target_type = "ip"
+
+  health_check {
+    path                = "/api/v1/health"
+    port                = "80"
+    protocol            = "HTTP"
+    healthy_threshold   = 2
+    unhealthy_threshold = 2
+    timeout             = 5
+    interval            = 10
+  }
+}
+
+resource "aws_lb_target_group" "brewbucks-frontend" {
+  name        = "brewbucks-frontend"
+  port        = 80
+  protocol    = "HTTP"
+  vpc_id      = aws_security_group.brewbucks.vpc_id
+  target_type = "ip"
+
+  health_check {
+    path                = "/"
+    port                = "80"
+    protocol            = "HTTP"
+    healthy_threshold   = 2
+    unhealthy_threshold = 2
+    timeout             = 5
+    interval            = 10
+  }
+}
+
+resource "aws_lb" "brewbucks-frontend" {
+  name               = "brewbucks-frontend"
+  internal           = false
+  load_balancer_type = "application"
+  subnets            = data.aws_subnets.private.ids
+  security_groups    = [aws_security_group.brewbucks.id]
+}
+
+resource "aws_lb_listener" "brewbucks-frontend" {
+  load_balancer_arn = aws_lb.brewbucks-frontend.arn
+  port              = "80"
+  protocol          = "HTTP"
+
+  default_action {
+    type             = "forward"
+    target_group_arn = aws_lb_target_group.brewbucks-frontend.arn
+  }
+
 }
 
 resource "aws_lb" "brewbucks" {
@@ -33,4 +71,4 @@ resource "aws_lb_listener" "brewbucks" {
     type             = "forward"
     target_group_arn = aws_lb_target_group.brewbucks.arn
   }
-}
+}