chore: add development reverse proxy

.devcontainer/docker-compose.yaml

@@ -60,6 +60,13 @@ services:
         source: ../app
         target: /app
 
+  caddy:
+    image: caddy
+    volumes:
+      - "../caddy/Caddyfile.dev:/etc/caddy/Caddyfile"
+    ports:
+      - "3000:3000"
+
 volumes:
   # Persist strapi database
   strapi-data:

Caddyfile-dev

@@ -0,0 +1,12 @@
+{
+	auto_https off
+}
+
+http://localhost:3000 {
+	reverse_proxy /api* http://strapi:8001
+	reverse_proxy /admin* http://strapi:8001
+	reverse_proxy /i18n* http://strapi:8001
+	reverse_proxy /content-manager* http://strapi:8001
+
+	reverse_proxy http://app:3000
+}

caddy/Caddyfile.dev

@@ -0,0 +1,11 @@
+{
+	auto_https off
+}
+
+http://localhost:3000 {
+	handle_path /strapi* {
+		reverse_proxy http://strapi:8001
+	}
+
+	reverse_proxy http://app:3000
+}

strapi/.env.example

@@ -1,5 +1,6 @@
 HOST=0.0.0.0
 PORT=8001
+URL=http://localhost:3000/strapi
 APP_KEYS="toBeModified1,toBeModified2"
 API_TOKEN_SALT=tobemodified
 ADMIN_JWT_SECRET=tobemodified

strapi/config/middlewares.ts

@@ -9,4 +9,5 @@ export default [
   "strapi::session",
   "strapi::favicon",
   "strapi::public",
+  { resolve: "./src/middlewares/admin-redirect" },
 ];

strapi/config/server.ts

@@ -4,4 +4,5 @@ export default ({ env }) => ({
   app: {
     keys: env.array("APP_KEYS"),
   },
+  url: env("URL", "http://localhost:3000/strapi"),
 });

strapi/src/middlewares/admin-redirect.ts

@@ -0,0 +1,15 @@
+/**
+ * `admin-redirect` middleware
+ */
+import { Strapi } from "@strapi/strapi";
+
+export default (config, { strapi }: { strapi: Strapi }) => {
+  const redirects = ["/", "/index.html"].map((path) => ({
+    method: "GET",
+    path,
+    handler: (ctx) => ctx.redirect(strapi.config.admin.url),
+    config: { auth: false },
+  }));
+
+  strapi.server.routes(redirects);
+};