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. + );