From 5cca9a9ee9c238c30cc20179e16e49386914f1dc Mon Sep 17 00:00:00 2001 From: Matthias Nannt Date: Fri, 25 Aug 2023 10:32:38 +0200 Subject: [PATCH] change gettings started structure --- .../framework-guides/env-id.webp | Bin 0 -> 18666 bytes .../framework-guides}/page.mdx | 38 ++++++++++++++++++ .../framework-guides/widget-connected.webp | Bin 0 -> 5988 bytes .../widget-not-connected.webp | Bin 0 -> 8198 bytes .../components/docs/Navigation.tsx | 2 +- 5 files changed, 39 insertions(+), 1 deletion(-) create mode 100644 apps/formbricks-com/app/docs/getting-started/framework-guides/env-id.webp rename apps/formbricks-com/app/docs/{introduction/framework-overview => getting-started/framework-guides}/page.mdx (87%) create mode 100644 apps/formbricks-com/app/docs/getting-started/framework-guides/widget-connected.webp create mode 100644 apps/formbricks-com/app/docs/getting-started/framework-guides/widget-not-connected.webp diff --git a/apps/formbricks-com/app/docs/getting-started/framework-guides/env-id.webp b/apps/formbricks-com/app/docs/getting-started/framework-guides/env-id.webp new file mode 100644 index 0000000000000000000000000000000000000000..ba69fb0f28ab2bbb1a8a747266e2751f05c182ba GIT binary patch literal 18666 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 N2V1}Z00000001Oni#-4U literal 0 HcmV?d00001 diff --git a/apps/formbricks-com/app/docs/introduction/framework-overview/page.mdx b/apps/formbricks-com/app/docs/getting-started/framework-guides/page.mdx similarity index 87% rename from apps/formbricks-com/app/docs/introduction/framework-overview/page.mdx rename to apps/formbricks-com/app/docs/getting-started/framework-guides/page.mdx index adccc34882..d32ad628bc 100644 --- a/apps/formbricks-com/app/docs/introduction/framework-overview/page.mdx +++ b/apps/formbricks-com/app/docs/getting-started/framework-guides/page.mdx @@ -1,4 +1,8 @@ import { Libraries } from "@/components/docs/Libraries"; +import Image from "next/image"; +import SetupChecklist from "./env-id.webp"; +import WidgetNotConnected from "./widget-not-connected.webp"; +import WidgetConnected from "./widget-connected.webp"; export const metadata = { title: "Framework Overview", @@ -12,6 +16,20 @@ for something else, please [join our Discord!](https://formbricks.com/discord) a +## Prerequisites + +Before getting started, make sure you have: + +1. A web application in your desired framework set up and running. +2. A Formbricks account with access to your environment ID and API host. You can find these in the **Setup Checklist** in the Settings: + +Step 2 - Setup Checklist + ## Formbricks x HTML @@ -274,3 +292,23 @@ for something else, please [join our Discord!](https://formbricks.com/discord) a + +## Validate your setup + +Once you have completed the steps above, you can validate your setup by checking the **Setup Checklist** in the Settings. Your widget status indicator should go from this: + +Widget isnt connected + +To this: + +Widget is connected diff --git a/apps/formbricks-com/app/docs/getting-started/framework-guides/widget-connected.webp b/apps/formbricks-com/app/docs/getting-started/framework-guides/widget-connected.webp new file mode 100644 index 0000000000000000000000000000000000000000..90b82de9f4e914be3f2ec0d06d53283309257da8 GIT binary patch literal 5988 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 literal 0 HcmV?d00001 diff --git a/apps/formbricks-com/app/docs/getting-started/framework-guides/widget-not-connected.webp b/apps/formbricks-com/app/docs/getting-started/framework-guides/widget-not-connected.webp new file mode 100644 index 0000000000000000000000000000000000000000..2cd15d007c5399eafe844c94328a2121a9e1065e GIT binary patch literal 8198 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 E1G+%r^Z)<= literal 0 HcmV?d00001 diff --git a/apps/formbricks-com/components/docs/Navigation.tsx b/apps/formbricks-com/components/docs/Navigation.tsx index bfb77b8994..f871184213 100644 --- a/apps/formbricks-com/components/docs/Navigation.tsx +++ b/apps/formbricks-com/components/docs/Navigation.tsx @@ -186,13 +186,13 @@ export const navigation: Array = [ { title: "What is Formbricks?", href: "/docs/introduction/what-is-formbricks" }, { title: "Why is it better?", href: "/docs/introduction/why-is-it-better" }, { title: "How does it work?", href: "/docs/introduction/how-it-works" }, - { title: "How to integrate Formbricks?", href: "/docs/introduction/framework-overview" }, ], }, { title: "Getting Started", links: [ { title: "Quickstart: In app", href: "/docs/getting-started/quickstart-in-app-survey" }, + { title: "Framework Guides", href: "/docs/getting-started/framework-guides" }, { title: "Next.js App Dir", href: "/docs/getting-started/nextjs-app" }, { title: "Next.js Pages Dir", href: "/docs/getting-started/nextjs-pages" }, { title: "React.js", href: "/docs/getting-started/react" },