diff --git a/apps/webapp/app/components/helpContent/HelpContentText.tsx b/apps/webapp/app/components/helpContent/HelpContentText.tsx
index 27d1214de..120f64d01 100644
--- a/apps/webapp/app/components/helpContent/HelpContentText.tsx
+++ b/apps/webapp/app/components/helpContent/HelpContentText.tsx
@@ -3,27 +3,49 @@ import { StepNumber } from "~/components/primitives/StepNumber";
import { IntegrationIcon } from "~/routes/_app.orgs.$organizationSlug.projects.$projectParam.integrations/route";
import { Callout } from "../primitives/Callout";
import integrationButton from "./integration-button.png";
+import { CodeBlock } from "../code/CodeBlock";
+import { useDevEnvironment } from "~/hooks/useEnvironments";
+import { ClipboardField } from "../primitives/ClipboardField";
export function HowToSetupYourProject() {
+ const devEnvironment = useDevEnvironment();
+ console.log(devEnvironment);
return (
<>
- Content
+ Ensure your Next.js app is running locally.
+ Run NGROK in a new terminal window.
- In a new terminal window, run NGROK. You can install it{" "}
-
- here
+ We recommend using NGROK in order to establish a tunnel between your
+ locally running Next.js app and the internet. Follow our{" "}
+
+ guide to setting up NGROK
{" "}
- if you don't already have it.
+ before moving onto the next step.
-
+
- Content
+
+ Run this CLI command in a new terminal window.
+
+
+
+ The CLI will add Trigger.dev to your existing Next.js project, setup a
+ route and give you an example file, which will appear on in the list
+ on this page.
+
>
);