From 2eb28feb9848f3711721aff9a57cd720ae773e30 Mon Sep 17 00:00:00 2001 From: ShubhamPalriwala Date: Fri, 25 Aug 2023 14:53:37 +0530 Subject: [PATCH] feat: restructure multiple setup guides into one --- .../getting-started/framework-guides/page.mdx | 97 ++++++++++++-- .../react-in-app-survey-app-popup-form.webp} | Bin .../getting-started/nextjs-app/env-id.webp | Bin 18666 -> 0 bytes .../docs/getting-started/nextjs-app/page.mdx | 125 ------------------ .../nextjs-app/widget-connected.webp | Bin 5988 -> 0 bytes .../nextjs-app/widget-not-connected.webp | Bin 8198 -> 0 bytes .../getting-started/nextjs-pages/env-id.webp | Bin 18666 -> 0 bytes .../getting-started/nextjs-pages/page.mdx | 116 ---------------- .../nextjs-pages/widget-connected.webp | Bin 5988 -> 0 bytes .../nextjs-pages/widget-not-connected.webp | Bin 8198 -> 0 bytes .../quickstart-in-app-survey/page.mdx | 2 +- .../docs/getting-started/react/env-id.webp | Bin 18666 -> 0 bytes .../app/docs/getting-started/react/page.mdx | 120 ----------------- .../react/widget-connected.webp | Bin 5988 -> 0 bytes .../react/widget-not-connected.webp | Bin 8198 -> 0 bytes .../app/docs/getting-started/vuejs/page.mdx | 101 -------------- .../docs/introduction/how-it-works/page.mdx | 10 +- apps/formbricks-com/components/docs/Code.tsx | 6 +- .../components/docs/Navigation.tsx | 4 - 19 files changed, 95 insertions(+), 486 deletions(-) rename apps/formbricks-com/app/docs/getting-started/{react/1-in-app-survey-react-app-popup-form.webp => framework-guides/react-in-app-survey-app-popup-form.webp} (100%) delete mode 100644 apps/formbricks-com/app/docs/getting-started/nextjs-app/env-id.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/nextjs-app/page.mdx delete mode 100644 apps/formbricks-com/app/docs/getting-started/nextjs-app/widget-connected.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/nextjs-app/widget-not-connected.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/nextjs-pages/env-id.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/nextjs-pages/page.mdx delete mode 100644 apps/formbricks-com/app/docs/getting-started/nextjs-pages/widget-connected.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/nextjs-pages/widget-not-connected.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/react/env-id.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/react/page.mdx delete mode 100644 apps/formbricks-com/app/docs/getting-started/react/widget-connected.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/react/widget-not-connected.webp delete mode 100644 apps/formbricks-com/app/docs/getting-started/vuejs/page.mdx diff --git a/apps/formbricks-com/app/docs/getting-started/framework-guides/page.mdx b/apps/formbricks-com/app/docs/getting-started/framework-guides/page.mdx index d32ad628bc..370f94cf0e 100644 --- a/apps/formbricks-com/app/docs/getting-started/framework-guides/page.mdx +++ b/apps/formbricks-com/app/docs/getting-started/framework-guides/page.mdx @@ -3,6 +3,7 @@ import Image from "next/image"; import SetupChecklist from "./env-id.webp"; import WidgetNotConnected from "./widget-not-connected.webp"; import WidgetConnected from "./widget-connected.webp"; +import ReactApp from "./react-in-app-survey-app-popup-form.webp"; export const metadata = { title: "Framework Overview", @@ -51,10 +52,12 @@ Before getting started, make sure you have: + Now visit the [Validate your Setup](#validate-your-setup) section to verify your setup! + - ```html {{ title: 'HTML' }} + ```html {{ title: '.html' }} @@ -67,6 +70,9 @@ Before getting started, make sure you have: + + Install the Formbricks SDK using one of the package managers ie `npm`,`pnpm`,`yarn`.
+ Now, update your App.js/ts file to initialise Formbricks. ### Required Customizations to be Made @@ -83,17 +89,34 @@ Before getting started, make sure you have: - For detailed setup, please visit our [VueJs Setup Guide](/docs/getting-started/vuejs) page. + ### What are we doing here? + + The app initializes 'formbricks' when it's loaded in a browser environment (due to the typeof window !== "undefined" check) and then renders your components or content. + + In app survey in React app for micro surveys + + Now visit the [Validate your Setup](#validate-your-setup) section to verify your setup! - - ```shell {{ title: 'JS lib from npm' }} - npm install @formbricks/js + + ```sh {{ title: 'npm' }} + npm install --save @formbricks/js + ``` + ```sh {{ title: 'pnpm' }} + pnpm add @formbricks/js + ``` + ```sh {{ title: 'yarn' }} + yarn add @formbricks/js ``` - ```js {{ title: 'ReactJs' }} + ```js {{ title: 'app.js' }} // other imports import formbricks from "@formbricks/js"; @@ -121,8 +144,15 @@ Before getting started, make sure you have: - This is a quick setup for the App directory structure of Nextjs, if you have the Pages directory, - refer to this [NextJs Pages Directory Setup Guide](/docs/getting-started/nextjs-pages). + NextJs projects typically follow two main conventions: the App Directory and the Pages Directory. + To ensure smooth integration with the Formbricks SDK, which operates solely on the client side, follow the + guidelines for each convention below: + + - App directory: You will have to define a new component in `app/formbricks.tsx` file and call it in your `app/layout.tsx` file. + - Pages directory: You will have to visit your `_app.tsx` and just initialise Formbricks there. + + Code snippets for the integration for both conventions are provided to further assist you. + ### Required Customizations to be Made @@ -147,7 +177,12 @@ Before getting started, make sure you have: - For detailed setup, please visit our [NextJs App Directory Setup Guide](/docs/getting-started/nextjs-app). + ### What are we doing here? + + First we need to initialize the Formbricks SDK, making sure it only runs on the client side. + To connect the Next.js router to Formbricks and ensure the SDK can keep track of every page change, we are registering the route change event. + + Now visit the [Validate your Setup](#validate-your-setup) section to verify your setup! @@ -163,7 +198,7 @@ Before getting started, make sure you have: ``` - + ```tsx {{ title: 'app/formbricks.tsx' }} "use client"; import formbricks from "@formbricks/js"; @@ -206,6 +241,40 @@ Before getting started, make sure you have: + + ```tsx {{ title: '_app.tsx' }} + import "@/styles/globals.css"; + import type { PagesProps } from "next/app"; + import { useEffect } from "react"; + import { useRouter } from "next/router"; + import formbricks from "@formbricks/js"; + + if (typeof window !== "undefined") { + formbricks.init({ + environmentId: "your-environment-id", + apiHost: "your-api-host", // e.g. https://app.formbricks.com + debug: true, // remove when in production + }); + } + + export default function Pages({ Component, pageProps }: PagesProps) { + const router = useRouter(); + + useEffect(() => { + // Connect next.js router to Formbricks + const handleRouteChange = formbricks?.registerRouteChange; + router.events.on("routeChangeComplete", handleRouteChange); + + return () => { + router.events.off("routeChangeComplete", handleRouteChange); + }; + }, []); + + return ; + } + ``` + + @@ -214,6 +283,9 @@ Before getting started, make sure you have: + Integrating the Formbricks SDK with Vue.js is a straightforward process. + We will make sure the SDK is only loaded and used on the client side, as it's not intended for server-side usage. + ### Required Customizations to be Made @@ -237,7 +309,7 @@ Before getting started, make sure you have: - For detailed setup, please visit our [NextJs App Directory Setup Guide](/docs/getting-started/nextjs-app). + Now visit the [Validate your Setup](#validate-your-setup) section to verify your setup! @@ -312,3 +384,6 @@ To this: quality="100" className="rounded-lg max-w-full sm:max-w-3xl" /> + +**Can’t figure it out? [Join our Discord!](https://formbricks.com/discord)** + diff --git a/apps/formbricks-com/app/docs/getting-started/react/1-in-app-survey-react-app-popup-form.webp b/apps/formbricks-com/app/docs/getting-started/framework-guides/react-in-app-survey-app-popup-form.webp similarity index 100% rename from apps/formbricks-com/app/docs/getting-started/react/1-in-app-survey-react-app-popup-form.webp rename to apps/formbricks-com/app/docs/getting-started/framework-guides/react-in-app-survey-app-popup-form.webp diff --git a/apps/formbricks-com/app/docs/getting-started/nextjs-app/env-id.webp b/apps/formbricks-com/app/docs/getting-started/nextjs-app/env-id.webp deleted file mode 100644 index ba69fb0f28ab2bbb1a8a747266e2751f05c182ba..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 18666 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 N2V1}Z00000001Oni#-4U diff --git a/apps/formbricks-com/app/docs/getting-started/nextjs-app/page.mdx b/apps/formbricks-com/app/docs/getting-started/nextjs-app/page.mdx deleted file mode 100644 index 01e29e31ef..0000000000 --- a/apps/formbricks-com/app/docs/getting-started/nextjs-app/page.mdx +++ /dev/null @@ -1,125 +0,0 @@ -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 meta = { - title: "Setting up Formbricks SDK with Next.js App Directory", - description: - "Setting up Formbricks with the new Next.js 13 App Directory can be tricky. Follow this guide to make sure you get it right.", -}; - -[Getting Started](#) - -# Setting up Formbricks SDK with Next.js App Directory - -This guide will walk you through the process of integrating the Formbricks SDK into a Next.js application using the new app directory. As the Formbricks SDK only works on the client side, it's essential to ensure proper integration to avoid any issues. - -## Prerequisites - -Before getting started, make sure you have: - -1. A Next.js application 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 - -## 1. Installing Formbricks SDK - -First, you need to install the Formbricks SDK using one of the following commands: - - - -```sh {{ title: 'npm' }} -npm install --save @formbricks/js -``` - -```sh {{ title: 'pnpm' }} -pnpm add @formbricks/js -``` - -```sh {{ title: 'yarn' }} -yarn add @formbricks/js -``` - - - -## 2. Integrating with Next.js 13 App Directory - -The Next.js 13 app directory requires us to initialize Formbricks differently than the pages directory. Specifically, the app directory server-side renders components by default, and the formbricks-js library is a client-side library. To make these work together, create a `formbricks.tsx` file (or `formbricks.js` if you don't use Typescript) and set up the FormbricksProvider with the 'use client' directive: - - - -```tsx {{ title: 'app/formbricks.tsx' }} -"use client"; -import formbricks from "@formbricks/js"; -import { usePathname, useSearchParams } from "next/navigation"; -import { useEffect } from "react"; - -export default function FormbricksProvider() { - const pathname = usePathname(); - const searchParams = useSearchParams(); - - useEffect(() => { - formbricks.init({ - environmentId: "clj66eqzu00m5qu0g8leglrns", - apiHost: "https://app.formbricks.com", // e.g. https://app.formbricks.com - debug: true, // remove when in production - }); - }, []); - - useEffect(() => { - formbricks?.registerRouteChange(); - }, [pathname, searchParams]); - - return null; -} -``` - - - -Once we do this, we can then import the `formbricks.tsx` file in our `app/layout.tsx` file, and wrap our app in the Formbricks provider. - - - -```tsx -import FormbricksProvider from "./formbricks"; -import "./globals.css"; - -export default function RootLayout({ children }: { children: React.ReactNode }) { - return ( - - - {children} - - ); -} -``` - - - -## 3. 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/nextjs-app/widget-connected.webp b/apps/formbricks-com/app/docs/getting-started/nextjs-app/widget-connected.webp deleted file mode 100644 index 90b82de9f4e914be3f2ec0d06d53283309257da8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5988 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 diff --git a/apps/formbricks-com/app/docs/getting-started/nextjs-app/widget-not-connected.webp b/apps/formbricks-com/app/docs/getting-started/nextjs-app/widget-not-connected.webp deleted file mode 100644 index 2cd15d007c5399eafe844c94328a2121a9e1065e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8198 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 E1G+%r^Z)<= diff --git a/apps/formbricks-com/app/docs/getting-started/nextjs-pages/env-id.webp b/apps/formbricks-com/app/docs/getting-started/nextjs-pages/env-id.webp deleted file mode 100644 index ba69fb0f28ab2bbb1a8a747266e2751f05c182ba..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 18666 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 N2V1}Z00000001Oni#-4U diff --git a/apps/formbricks-com/app/docs/getting-started/nextjs-pages/page.mdx b/apps/formbricks-com/app/docs/getting-started/nextjs-pages/page.mdx deleted file mode 100644 index ae8380e825..0000000000 --- a/apps/formbricks-com/app/docs/getting-started/nextjs-pages/page.mdx +++ /dev/null @@ -1,116 +0,0 @@ -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 meta = { - title: "Setting up Formbricks SDK with Next.js Pages Directory", - description: - "Setting up Formbricks with the new Next.js 13 Pages Directory can be tricky. Follow this guide to make sure you get it right.", -}; - -[Getting Started](#) - -# Setting up Formbricks SDK with Next.js Pages Directory - -This guide will walk you through the process of integrating the Formbricks SDK into a Next.js application using the Pages Directory. As the Formbricks SDK only works on the client side, it's essential to ensure proper integration to avoid any issues. - -## Prerequisites - -Before getting started, make sure you have: - -1. A Next.js application with Pages Directory 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 - -## 1. Installing Formbricks SDK - -First, you need to install the Formbricks SDK using one of the following commands: - - - -```sh {{ title: 'npm' }} -npm install --save @formbricks/js -``` - -```sh {{ title: 'pnpm' }} -pnpm add @formbricks/js -``` - -```sh {{ title: 'yarn' }} -yarn add @formbricks/js -``` - - - -## 2. Integrating with Next.js 13 Pages Directory - -Update your Pages component in the \_app.ts file like so: - - - -```tsx -import "@/styles/globals.css"; -import type { PagesProps } from "next/app"; -import { useEffect } from "react"; -import { useRouter } from "next/router"; -import formbricks from "@formbricks/js"; - -if (typeof window !== "undefined") { - formbricks.init({ - environmentId: "your-environment-id", - apiHost: "your-api-host", // e.g. https://app.formbricks.com - debug: true, // remove when in production - }); -} - -export default function Pages({ Component, pageProps }: PagesProps) { - const router = useRouter(); - - useEffect(() => { - // Connect next.js router to Formbricks - const handleRouteChange = formbricks?.registerRouteChange; - router.events.on("routeChangeComplete", handleRouteChange); - - return () => { - router.events.off("routeChangeComplete", handleRouteChange); - }; - }, []); - - return ; -} -``` - - - -## What are we doing here? - -1. First we need to initialize the Formbricks SDK, making sure it only runs on the client side. -2. To connect the Next.js router to Formbricks and ensure the SDK can keep track of every page change, we are registering the route change event. - -## 3. 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/nextjs-pages/widget-connected.webp b/apps/formbricks-com/app/docs/getting-started/nextjs-pages/widget-connected.webp deleted file mode 100644 index 90b82de9f4e914be3f2ec0d06d53283309257da8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5988 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 diff --git a/apps/formbricks-com/app/docs/getting-started/nextjs-pages/widget-not-connected.webp b/apps/formbricks-com/app/docs/getting-started/nextjs-pages/widget-not-connected.webp deleted file mode 100644 index 2cd15d007c5399eafe844c94328a2121a9e1065e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8198 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 E1G+%r^Z)<= diff --git a/apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx b/apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx index b0af75a302..516d0d08d8 100644 --- a/apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx +++ b/apps/formbricks-com/app/docs/getting-started/quickstart-in-app-survey/page.mdx @@ -11,7 +11,7 @@ import I8 from "./8-pop-up-form-in-web-app-survey.webp"; import I9 from "./9-set-up-in-app-micro-survey-popup.webp"; import I10 from "./10-micro-survey-pop-up-in-app.webp"; import I11 from "./11-survey-logs-in-app-survey-popup.webp"; -import ReactApp from "../react/1-in-app-survey-react-app-popup-form.webp"; +import ReactApp from "../framework-guides/react-in-app-survey-app-popup-form.webp"; export const meta = { title: "Collect in app survey responses in 10 minutes", diff --git a/apps/formbricks-com/app/docs/getting-started/react/env-id.webp b/apps/formbricks-com/app/docs/getting-started/react/env-id.webp deleted file mode 100644 index ba69fb0f28ab2bbb1a8a747266e2751f05c182ba..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 18666 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 N2V1}Z00000001Oni#-4U diff --git a/apps/formbricks-com/app/docs/getting-started/react/page.mdx b/apps/formbricks-com/app/docs/getting-started/react/page.mdx deleted file mode 100644 index 88ce353188..0000000000 --- a/apps/formbricks-com/app/docs/getting-started/react/page.mdx +++ /dev/null @@ -1,120 +0,0 @@ -import Image from "next/image"; - -import ReactApp from "./1-in-app-survey-react-app-popup-form.webp"; -import SetupChecklist from "./env-id.webp"; -import WidgetNotConnected from "./widget-not-connected.webp"; -import WidgetConnected from "./widget-connected.webp"; - -export const meta = { - title: "Setting up Formbricks SDK with React", - description: "Setting up Formbricks with plain React", -}; - -[Getting Started](#) - -# Setting up Formbricks SDK with React.js - -## Prerequisites - -Before getting started, make sure you have: - -1. A React application created with 'create-react-app'. -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 - -## 1. Installing Formbricks SDK - -First, you need to install the Formbricks SDK using one of the following commands: - - - -```sh {{ title: 'npm' }} -npm install --save @formbricks/js -``` - -```sh {{ title: 'pnpm' }} -pnpm add @formbricks/js -``` - -```sh {{ title: 'yarn' }} -yarn add @formbricks/js -``` - - - -## 2. Integrating with React - -Update your App.js file like so: - - - -```tsx -import formbricks from "@formbricks/js"; -import "./App.css"; -import logo from "./logo.svg"; - -if (typeof window !== "undefined") { - formbricks.init({ - environmentId: "cllc820rs01-REPLACE-ME", // replace with your env ID! - apiHost: "https://app.formbricks.com", // update if you're self-hosting - debug: true, // remove when in production - }); -} - -function App() { - return ( -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
- ); -} - -export default App; -``` - - - -## What are we doing here? - -The app initializes 'formbricks' when it's loaded in a browser environment (due to the typeof window !== "undefined" check) and then renders your components or content. - -In app survey in React app for micro surveys - -## 3. 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/react/widget-connected.webp b/apps/formbricks-com/app/docs/getting-started/react/widget-connected.webp deleted file mode 100644 index 90b82de9f4e914be3f2ec0d06d53283309257da8..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5988 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 diff --git a/apps/formbricks-com/app/docs/getting-started/react/widget-not-connected.webp b/apps/formbricks-com/app/docs/getting-started/react/widget-not-connected.webp deleted file mode 100644 index 2cd15d007c5399eafe844c94328a2121a9e1065e..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8198 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 E1G+%r^Z)<= diff --git a/apps/formbricks-com/app/docs/getting-started/vuejs/page.mdx b/apps/formbricks-com/app/docs/getting-started/vuejs/page.mdx deleted file mode 100644 index b9e0488de2..0000000000 --- a/apps/formbricks-com/app/docs/getting-started/vuejs/page.mdx +++ /dev/null @@ -1,101 +0,0 @@ -export const meta = { - title: "Setting up Formbricks SDK with Vue.js", - description: - "Easily integrate Formbricks SDK into your Vue.js app with our guide. Enhance user feedback and improve product experience with customizable in-product micro-surveys.", -}; - -[Getting Started](#) - -# Setting up Formbricks SDK with Vue.js - -In this guide, we will go through the steps to set up the Formbricks SDK in a Vue.js application. This will allow you to create and customize in-product micro-surveys to gather valuable feedback from your users and improve your product experience. - -## Introduction - -Integrating the Formbricks SDK with Vue.js is a straightforward process. We will make sure the SDK is only loaded and used on the client side, as it's not intended for server-side usage. - -## Prerequisites - -Before proceeding, ensure you have the following: - -1. A Vue.js application set up and ready to go. -2. A Formbricks account with an `environmentId` and `apiHost` for your application. You can find these in the Setup Checklist in the Settings. - -## 1. Installation - -To get started, install the Formbricks SDK using your preferred package manager: - - - -```sh {{ title: 'npm' }} -npm install --save @formbricks/js -``` - -```sh {{ title: 'pnpm' }} -pnpm add @formbricks/js -``` - -```sh {{ title: 'yarn' }} -yarn add @formbricks/js -``` - - - -## 2. Integration with Vue.js - -1. Create a new file called \`formbricks.js\` inside the \`src\` folder of your Vue.js application, and add the following code to initialize the Formbricks SDK: - - - -```js -import formbricks from "@formbricks/js"; - -if (typeof window !== "undefined") { - formbricks.init({ - environmentId: "your-environment-id", - apiHost: "your-api-host", - }); -} - -export default formbricks; -``` - - - -2. In your main.js or main.ts file, import the formbricks.js module: - - - -```javascript -import formbricks from "@/formbricks"; -``` - - - -3. To make sure Formbricks SDK registers every page change in your Vue.js application, add a global navigation guard to your Vue Router configuration: - - - -```javascript -import Vue from "vue"; -import VueRouter from "vue-router"; - -Vue.use(VueRouter); - -const router = new VueRouter({ - // Your router configuration here -}); - -// Add a global navigation guard -router.afterEach((to, from) => { - if (typeof formbricks !== "undefined") { - formbricks.registerRouteChange(); - } -}); -``` - - - -Now, the Formbricks SDK is set up and ready to use in your Vue.js application. You can start creating and customizing in-product micro-surveys for your users. - -For more information on how to use Formbricks SDK, check the rest of the documentation. diff --git a/apps/formbricks-com/app/docs/introduction/how-it-works/page.mdx b/apps/formbricks-com/app/docs/introduction/how-it-works/page.mdx index 2f42f7442f..bae5472cec 100644 --- a/apps/formbricks-com/app/docs/introduction/how-it-works/page.mdx +++ b/apps/formbricks-com/app/docs/introduction/how-it-works/page.mdx @@ -10,25 +10,25 @@ export const meta = { Formbricks is a powerful platform designed to help you create and manage in-product micro-surveys for SaaS and digital products. Here is an overview: -## Four components +### Four components 1. **Form Builder**: Create and customize your surveys with a user-friendly, no-code interface. 2. **Targeting & Triggers**: Define specific user segments and set event-based triggers to display your surveys to the right users at the right time. 3. **Integration**: Seamlessly integrate Formbricks into your web or mobile application using the provided SDKs or the HTML snippet. 4. **Analytics & Insights**: Analyze user responses and gain actionable insights to make informed product decisions. -### Form Builder +## Form Builder The Form Builder is where you create and customize your micro-surveys. With its intuitive drag-and-drop interface, you can easily add different question types, set response options, and apply your branding to the survey forms. The Form Builder allows you to preview your survey in real-time, ensuring it looks and feels perfect for your users. -### Targeting & Triggers +## Targeting & Triggers Formbricks offers fine-grained user targeting and event-based triggers to help you display your surveys to the most relevant audience. Using the platform, you can define user segments based on attributes and behaviors, and set up triggers to show your surveys at specific moments within your product. This ensures that you're capturing the most accurate and valuable feedback possible. -### Integration +## Integration Integrating Formbricks into your web or mobile application is a breeze. With SDKs for popular web frameworks like React, and an HTML snippet for non-framework based websites, you can quickly add Formbricks to your project. The provided code snippets make it easy to initialize the Formbricks widget and configure it to communicate with your backend. -### Analytics & Insights +## Analytics & Insights Formbricks provides powerful analytics and insights to help you understand user responses and make data-driven decisions. The platform aggregates survey results and presents them in an easy-to-understand format, enabling you to identify trends, spot issues, and uncover opportunities for improvement. With Formbricks, you're always one step ahead in understanding your users and optimizing your product experience. diff --git a/apps/formbricks-com/components/docs/Code.tsx b/apps/formbricks-com/components/docs/Code.tsx index 2cee0001b3..5e7bc63f5b 100644 --- a/apps/formbricks-com/components/docs/Code.tsx +++ b/apps/formbricks-com/components/docs/Code.tsx @@ -153,7 +153,7 @@ function CodeGroupHeader({ children: React.ReactNode; selectedIndex: number; }) { - let hasTabs = Children.count(children) > 1; + let hasTabs = Children.count(children) >= 1; if (!title && !hasTabs) { return null; @@ -182,7 +182,7 @@ function CodeGroupHeader({ } function CodeGroupPanels({ children, ...props }: React.ComponentPropsWithoutRef) { - let hasTabs = Children.count(children) > 1; + let hasTabs = Children.count(children) >= 1; if (hasTabs) { return ( @@ -278,7 +278,7 @@ export function CodeGroup({ let languages = Children.map(children, (child) => getPanelTitle(isValidElement(child) ? child.props : {})) ?? []; let tabGroupProps = useTabGroupProps(languages); - let hasTabs = Children.count(children) > 1; + let hasTabs = Children.count(children) >= 1; let containerClassName = "not-prose my-6 overflow-hidden rounded-2xl bg-zinc-900 shadow-md dark:ring-1 dark:ring-white/10"; diff --git a/apps/formbricks-com/components/docs/Navigation.tsx b/apps/formbricks-com/components/docs/Navigation.tsx index f871184213..766ab77b0d 100644 --- a/apps/formbricks-com/components/docs/Navigation.tsx +++ b/apps/formbricks-com/components/docs/Navigation.tsx @@ -193,10 +193,6 @@ export const navigation: Array = [ 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" }, - { title: "Setup with Vue.js", href: "/docs/getting-started/vuejs" }, ], }, {