build: fixed docker build by adding tailwind and postcss

.dockerignore

@@ -2,6 +2,8 @@
 
 !.env
 !next.config.js
+!tailwind.config.js
+!postcss.config.js
 !tsconfig.json
 !package.json
 !yarn.lock

Dockerfile

@@ -21,6 +21,8 @@ RUN addgroup -g 1001 -S nodejs
 RUN adduser -S nextjs -u 1001
 
 COPY --from=builder /app/next.config.js ./
+COPY --from=builder /app/postcss.config.js ./
+COPY --from=builder /app/tailwind.config.js ./
 COPY --from=builder /app/public ./public
 COPY --from=builder --chown=nextjs:nodejs /app/.next ./.next
 COPY --from=builder /app/node_modules ./node_modules

docker-compose.yml

@@ -1,17 +1,15 @@
 version: "3"
 
 services:
-  # app:
+  app:
-  #   build: .
+    build: .
-  #   container_name: portfolio
+    container_name: portfolio
-  #   environment:
+    volumes:
-  #     NEXT_PUBLIC_GITEA_USERNAME: "Guusvanmeerveld"
+      - ./data:/app/data
-  #     NEXT_PUBLIC_GITEA_SERVER: "git.guusvanmeerveld.dev"
+    environment:
-  #     SESSION_PASSWORD: "jsdlakfjad;slkfjepoweaur3290r830-q998-039jaklfjdkl"
+      DATABASE_URL: "postgres://portfolio:portfolio@db:5432/portfolio"
-  #     NEXT_PUBLIC_ALLOW_REGISTRATION: true
+    ports:
-  #     DATABASE_URL: "postgres://portfolio:portfolio@db:5432/portfolio"
+      - 3000:3000
-  #   ports:
-  #     - 3000:3000
 
   db:
     image: postgres:14

package.json

@@ -30,7 +30,10 @@
 		"react-dom": "^18.2.0",
 		"react-icons": "^5.0.1",
 		"timeago.js": "^4.0.2",
-		"zod": "^3.20.6"
+		"zod": "^3.20.6",
+		"autoprefixer": "^10.4.18",
+		"postcss": "^8.4.35",
+		"tailwindcss": "^3.4.1"
 	},
 	"devDependencies": {
 		"@trivago/prettier-plugin-sort-imports": "^4.0.0",
@@ -39,14 +42,11 @@
 		"@types/node": "^15.12.1",
 		"@types/react": "^17.0.9",
 		"@types/react-dom": "^17.0.6",
-		"autoprefixer": "^10.4.18",
 		"eslint": "^7.28.0",
 		"eslint-config-next": "13.1.6",
-		"postcss": "^8.4.35",
 		"prettier": "^2.3.1",
 		"prisma": "^5.8.1",
 		"sass": "^1.34.1",
-		"tailwindcss": "^3.4.1",
 		"typescript": "^4.3.2"
 	}
 }