diff --git a/Makefile b/Makefile
index 8c445088f..dba977345 100644
--- a/Makefile
+++ b/Makefile
@@ -43,6 +43,7 @@ gen-web:
 		-g typescript-fetch \
 		-o /local/web/api \
 		--additional-properties=typescriptThreePlus=true,supportsES6=true,npmName=authentik-api,npmVersion=1.0.0
+	cd web/api && npm i
 	cd web/api && npx tsc
 
 gen-outpost:
diff --git a/website/developer-docs/frontend-only-dev-environment.md b/website/developer-docs/frontend-only-dev-environment.md
index e9f52f05f..44fb05fe0 100644
--- a/website/developer-docs/frontend-only-dev-environment.md
+++ b/website/developer-docs/frontend-only-dev-environment.md
@@ -4,6 +4,14 @@ title: Frontend-only development environment
 
 If you want to only make changes on the UI, you don't need a backend running from source. You can user the docker-compose install with a few customizations.
 
+### Prerequisites
+
+- Node (any recent version should work, we use 16.x to build)
+- Make (again, any recent version should work)
+- Docker and docker-compose
+
+### Instructions
+
 1. Clone the git repo from https://github.com/goauthentik/authentik
 2. In the cloned repository, follow the docker-compose installation instructions [here](/docs/installation/docker-compose)
 3. Add the following entry to your `.env` file: