diff --git a/bin/build-for-wpcom.sh b/bin/build-for-wpcom.sh
index 43d0e7f..91391ff 100755
--- a/bin/build-for-wpcom.sh
+++ b/bin/build-for-wpcom.sh
@@ -28,8 +28,8 @@ echo "js  : $JS_FILENAME"
 sed \
 	-e "s/{CSS_FILENAME}/$CSS_FILENAME/g" \
 	-e "s/{JS_FILENAME}/$JS_FILENAME/g" \
-	theme/console3.php \
-	> build-theme/console3.php \
+	theme/page-api-console.php \
+	> build-theme/page-api-console.php \
 	|| exit 1
 
 echo
diff --git a/theme/page-api-console.php b/theme/page-api-console.php
new file mode 100644
index 0000000..e0c6d8d
--- /dev/null
+++ b/theme/page-api-console.php
@@ -0,0 +1,29 @@
+<?php
+
+/**
+ * This is a custom page template for the page with ID 138. This is accessible via
+ * a rewrite rule in functions.php and loads the JS file from the API console repo.This is
+ * an actual page, but all it does is adding a root div for React and then adding the script
+ * and CSS.
+ *
+ * @package Automattic/Wpcom_Developer
+ */
+
+declare(strict_types=1);
+//phpcs:ignorefile
+?>
+<!doctype html>
+<html <?php language_attributes(); ?>>
+
+<head>
+    <meta http-equiv="content-type" content="<?php bloginfo('html_type'); ?>" charset="<?php bloginfo('charset'); ?>" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
+    <link rel="stylesheet" href="//s0.wp.com/wp-content/themes/a8c/wpcom-developer/build-dist/console3/static/{CSS_FILENAME}">
+</head>
+
+<body <?php body_class(); ?>>
+    <div id="root"></div>
+    <script src="//s0.wp.com/wp-content/themes/a8c/wpcom-developer/build-dist/console3/static/{JS_FILENAME}" defer></script>
+</body>
+
+</html>
\ No newline at end of file
