Run panel on live backend

Author: TheEpicBlock

docs/index.md

@@ -19,9 +19,12 @@ A conscious choice was made to have the discord bot interact via the http endpoi
 the http api and ensure it's capable. It also means that they can be hosted and restarted separately.
 
 ## Running the projects in dev
-Use `./gradlew bootRun` to run the platform api and `./gradlew dev` to run BotFest. Panel uses `pnpm dev`.
+Use `./gradlew bootRun` to run the platform api and `./gradlew dev` to run BotFest.
 Platform api and panel will run without any configuration, whilst BotFest needs some setup (see [here](./botfest/about.md#dev-env)).
 
+Panel can be started with `pnpm dev`. It tries to connect to the local backend by default but you can run it on the
+production backend using `DEV_SERVER_URL="https://platform.modfest.net" pnpm dev`
+
 You can configure the port and address that the platform api will use in dev in the `gradle.properties` file. This
 file is used in all subprojects.
 

panel/next.config.ts

@@ -1,12 +1,17 @@
 import type { NextConfig } from "next";
 import { PHASE_DEVELOPMENT_SERVER } from "next/constants"
 import fs from 'node:fs/promises';
+import { env } from "node:process";
 
 const withBundleAnalyzer = require('@next/bundle-analyzer')({
 	enabled: process.env.ANALYZE === 'true',
 })
 
 async function getDevUrl(): Promise<string> {
+	if (env["DEV_SERVER_URL"]) {
+		return env["DEV_SERVER_URL"];
+	}
+
 	const gradlePropsPath = __dirname+"/../gradle.properties"
 	const gradleProps = await fs.readFile(gradlePropsPath, {encoding: "utf-8"})
 	var lines = gradleProps.split("\n")
@@ -20,17 +25,17 @@ async function getDevUrl(): Promise<string> {
 }
 
 export default async function createConfig(phase: string): Promise<NextConfig> {
-	var env = {}
+	var env_vars = {}
 	if (phase === PHASE_DEVELOPMENT_SERVER) {
-		env = {
+		env_vars = {
 			"DEV_SERVER_URL": await getDevUrl(),
-			...env
+			...env_vars
 		}
 	}
 
 	return withBundleAnalyzer({
 		output: "standalone",
-		env: env,
+		env: env_vars,
 		// Enable source maps in prod
 		productionBrowserSourceMaps: true,
 		// TODO these shouldn't really be ignored