feat: dynamic title and description (#1459)

Co-authored-by: pandeymangg <anshuman.pandey9999@gmail.com>
2026-04-27 08:59:45 -05:00 · 2023-10-30 17:14:05 +05:30
parent 393238e3fe
commit be018e8255
46 changed files with 46 additions and 46 deletions
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Implementing Code Actions in Formbricks | Real-time User Action Tracking",
  description:
    "Dive into the world of Formbricks' code actions. Learn how to seamlessly integrate formbricks.track() method into your codebase, enabling real-time tracking of user actions like button clicks, visiting a specific URL. Up your survey game with precise and exact triggers.",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Implementing No-Code Actions in Formbricks | Real-time User Action Tracking",
  description:
    "Discover the power of Formbricks' No-Code Actions. Easily set up triggers based on Page URL, innerText, and CSS Selectors without touching a line of code. Inccrease user engagement and get insights at precise moments in the user journey.",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Using Actions in Formbricks | Fine-tuning User Moments",
  description:
    "Dive deep into how actions in Formbricks help products and teams to engage users at precise moments in their journey. Discover the power of actions, from coding to no-code setups, to refine user targeting and generate richer, more detailed user insights.",
@@ -1,6 +1,6 @@
 import { Fence } from "@/components/shared/Fence";

-export const meta = {
+export const metadata = {
  title: "Formbricks Public Client API Guide: Manage Survey Displays & Responses",
  description:
    "Dive deep into Formbricks' Public Client API designed for customisation. This comprehensive guide provides detailed instructions on how to mark surveys as displayed as well as responded for individual persons, ensuring seamless client-side interactions without compromising data security.",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Formbricks API Overview: Public Client & Management API Breakdown",
  description:
    "Get a detailed understanding of Formbricks' dual API offerings: the unauthenticated Public Client API optimized for client-side tasks and the secured Management API for advanced account operations. Choose the perfect fit for your integration needs and ensure robust data handling",
@@ -1,6 +1,6 @@
 import { Fence } from "@/components/shared/Fence";

-export const meta = {
+export const metadata = {
  title: "Formbricks Responses API Documentation - Manage Your Survey Data Seamlessly",
  description:
    "Unlock the full potential of Formbricks' Responses API. From fetching to updating survey responses, our comprehensive guide helps you integrate and manage survey data efficiently without compromising security. Ideal for client-side interactions.",
@@ -1,6 +1,6 @@
 import { Fence } from "@/components/shared/Fence";

-export const meta = {
+export const metadata = {
  title: "Formbricks People API: Fetch or Create Person Overview",
  description:
    "Dive into Formbricks' People API within the Public Client API suite, designed to work without authentication requirements. Seamlessly fetch or create a person by their userId and environmentId, optimizing client-side interactions while maintaining data privacy.",
@@ -3,7 +3,7 @@ import Image from "next/image";
 import AddApiKey from "./add-api-key.webp";
 import ApiKeySecret from "./api-key-secret.webp";

-export const meta = {
+export const metadata = {
  title: "Formbricks API Key: Setup and Testing",
  description:
    "This guide provides step-by-step instructions to generate, store, and delete API keys, ensuring safe and authenticated access to your Formbricks account.",
@@ -1,6 +1,6 @@
 import { Fence } from "@/components/shared/Fence";

-export const meta = {
+export const metadata = {
  title: "Formbricks People API: Fetch or Create Person Overview",
  description:
    "Dive into Formbricks' People API within the Public Client API suite, designed to work without authentication requirements. Seamlessly fetch or create a person by their userId and environmentId, optimizing client-side interAttributes while maintaining data privacy.",
@@ -1,6 +1,6 @@
 import { Fence } from "@/components/shared/Fence";

-export const meta = {
+export const metadata = {
  title: "Formbricks People API: Fetch or Create Person Overview",
  description:
    "Dive into Formbricks' People API within the Public Client API suite, designed to work without authentication requirements. Seamlessly fetch or create a person by their userId and environmentId, optimizing client-side interactions while maintaining data privacy.",
@@ -1,6 +1,6 @@
 import { Fence } from "@/components/shared/Fence";

-export const meta = {
+export const metadata = {
  title: "Formbricks People API: Fetch or Create Person Overview",
  description:
    "Dive into Formbricks' People API within the Public Client API suite, designed to work without authentication requirements. Seamlessly fetch or create a person by their userId and environmentId, optimizing client-side interactions while maintaining data privacy.",
@@ -1,6 +1,6 @@
 import { Fence } from "@/components/shared/Fence";

-export const meta = {
+export const metadata = {
  title: "Formbricks Responses API Documentation - Manage Your Survey Data Seamlessly",
  description:
    "Unlock the full potential of Formbricks' Responses API. From fetching to updating survey responses, our comprehensive guide helps you integrate and manage survey data efficiently without compromising security. Ideal for client-side interactions.",
@@ -1,6 +1,6 @@
 import { Fence } from "@/components/shared/Fence";

-export const meta = {
+export const metadata = {
  title: "Formbricks Surveys API Documentation - How to Retrieve All Surveys",
  description:
    "Explore the comprehensive guide to the Formbricks Surveys API. Learn how to effectively retrieve all the surveys in your environment with the necessary headers and API key setup. Includes sample request and response formats.",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Formbricks Webhook API Documentation - List, Retrieve, Create, and Delete Webhooks",
  description:
    "Explore the comprehensive guide to the Formbricks Webhooks API. This is all you need to interact and play with the Formbricks Webhooks and integrate them into any third party app of your choice",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Guide for Setting Custom Attributes | Formbricks Documentation",
  description:
    "Learn how to set attributes in code using setAttribute function. Enhance user segmentation, target surveys effectively, and gather valuable insights for better decisions. Easily send user-specific details for better survey segmentation and gain deeper insights.",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "User Identification in Formbricks | Enhancing Survey Feedback",
  description:
    "A comprehensive guide on identifying users in Formbricks without compromising privacy. Learn how to set User ID, email, and custom attributes to optimize survey targeting, recontact users, and control survey intervals, all while respecting user anonymity.",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Understanding User Attributes in Formbricks Surveys",
  description:
    "Dive into the importance of attributes in surveys. Learn how key-value pairs can significantly improve survey targeting, enhance feedback quality, and guide data-driven decisions with Formbricks.",
@@ -10,7 +10,7 @@ import RecontactOptions from "./recontact-options.webp";
 import PublishSurvey from "./publish-survey.webp";
 import SelectAction from "./select-action.webp";

-export const meta = {
+export const metadata = {
  title: "Mastering Churn Surveys with Formbricks | Essential Tips & Steps",
  description: "Learn how to effectively utilize Formbricks' Churn Surveys to gain deeper insights into user departures. Dive into a step-by-step guide to craft, trigger, and optimize your churn surveys, ensuring you capture invaluable feedback at critical junctures",
 };
@@ -10,7 +10,7 @@ import SwitchToDev from "./switch-to-dev.webp";
 import WhenToAsk from "./when-to-ask.webp";
 import CopyIds from "./copy-ids.webp";

-export const meta = {
+export const metadata = {
  title:
    "Integrate Docs Feedback in Your Website: A Step-by-Step Guide on getting feedback on your Documentation with Formbricks",
  description:
@@ -9,7 +9,7 @@ import Publish from "./publish.webp";
 import RecontactOptions from "./recontact-options.webp";
 import SelectAction from "./select-action.webp";

-export const meta = {
+export const metadata = {
  title: "Setting Up Feature Chaser Surveys with Formbricks: A Comprehensive Guide",
  description: "Learn how to harness the power of Formbricks to gather targeted user feedback on specific features. Dive deep into creating, triggering, and publishing the Feature Chaser survey to enhance your product with actionable insights for specific users.",
 };
@@ -11,7 +11,7 @@ import PublishSurvey from "./publish-survey.webp";
 import SelectAction from "./select-feedback-button-action.webp";
 import RecontactOptions from "./set-recontact-options.webp";

-export const meta = {
+export const metadata = {
  title: "Implementing the Feedback Box with Formbricks: A Step-by-Step Tutorial",
  description: "Unlock user insights effortlessly! Discover how to set up the Feedback Box in your app using Formbricks, allowing your users to provide real-time feedback. Follow our comprehensive guide to enhance user experience and respond rapidly to feedback",
 };
@@ -9,7 +9,7 @@ import Publish from "./publish.webp";
 import RecontactOptions from "./recontact-options.webp";
 import SelectAction from "./select-action.webp";

-export const meta = {
+export const metadata = {
  title: "Boost Your Trial Conversion Rates with Formbricks: Comprehensive Guide",
  description: "Unlock the secret to converting more trial users into paying customers using Formbricks. Understand insights behind trial cancellations and tailor your offering to fit user needs. Dive into our step-by-step tutorial and improve your conversion strategy today",
 };
@@ -12,7 +12,7 @@ import Publish from "./publish-survey.webp";
 import RecontactOptions from "./recontact-options.webp";
 import SelectAction from "./select-action.webp";

-export const meta = {
+export const metadata = {
  title: "Maximize User Interview Participation with In-app Interview Prompts",
  description: "Engage with your power users seamlessly using Formbricks' In-app Interview Prompt. Ditch traditional email invites and experience way more more respondents. Dive into our comprehensive guide on setting up auto-scheduled interviews today and enhance your user understanding",
 };
@@ -9,7 +9,7 @@ import Publish from "./publish.webp";
 import RecontactOptions from "./recontact-options.webp";
 import SelectAction from "./select-action.webp";

-export const meta = {
+export const metadata = {
  title: "How to Set Up a Product-Market Fit Survey Using Formbricks - Step-by-Step Guide",
  description: "Learn to leverage Formbricks to create and implement a Product-Market Fit survey in your web app. Follow our detailed step-by-step guide to measure and understand your PMF effectively. Ensure high data quality, efficient triggers, and actionable insights.",
 };
@@ -2,7 +2,7 @@ import Image from "next/image";

 import DemoApp from "./demoapp.webp";

-export const meta = {
+export const metadata = {
  title: "Formbricks Demo App Guide: Play around with Formbricks",
  description: "To test in-app surveys, trigger actions and set attributes, you can use the Demo App. This guide provides hands-on examples of sending both code and no-code actions",
 };
@@ -5,7 +5,7 @@ import GitpodNewWorkspace from "./gitpod-new-workspace.webp";
 import GitpodPreparing from "./gitpod-preparing.webp";
 import GitpodRunning from "./gitpod-running.webp";

-export const meta = {
+export const metadata = {
  title: "Gitpod Setup",
  description:
    "With one click, you can setup the Formbricks developer environment in your browser using Gitpod",
@@ -1,7 +1,7 @@
 import Image from "next/image";
 import CorsHandling from "./cors-handling-in-api.webp";

-export const meta = {
+export const metadata = {
  title: "Formbricks Code Contribution Guide: Best Practices and Standards",
  description:
    "Effortlessly Navigate Your Contribution Journey with Formbricks' Coding Guidelines and PR Review Process",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Formbricks Open Source Contribution Guide: How to Enhance yourself and Contribute to Formbricks",
  description:
    "Join the Formbricks community and learn how to effectively contribute. From raising issues and feature requests to creating PRs, discover the best practices and communicate with our responsive team on Discord",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Formbricks Development Setup: Complete Guide to Local Environment Configuration for Dev",
  description:
    "Step-by-step guide to setting up your local development environment for Formbricks. Includes installing essential tools like Node.JS, pnpm, and Docker, and accessing the entire Formbricks stack including the Demo app and the main website",
@@ -4,7 +4,7 @@ import ClearAppData from "./clear-app-data.webp";
 import UncaughtPromise from "./uncaught-promise.webp";
 import Logout from "./logout.webp";

-export const meta = {
+export const metadata = {
  title: "Formbricks Troubleshooting Guide: How to Solve & Debug Common Issues",
  description:
    "Facing issues with Formbricks? This troubleshooting guide covers frequently encountered problems, from Prisma migrations to package errors and more. Detailed solutions, accompanied by visual aids, ensure a smoother user experience with Formbricks",
@@ -1,6 +1,6 @@
 import FAQ from "@/components/docs/docsFaq";

-export const meta = {
+export const metadata = {
  title: "FAQ",
  description: "Frequently Asked Questions about Formbricks and how to use it.",
 };
@@ -13,7 +13,7 @@ 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 "../framework-guides/react-in-app-survey-app-popup-form.webp";

-export const meta = {
+export const metadata = {
  title: "Formbricks Quickstart Guide: In-App Surveys Made Simple",
  description: "Launch your first in-app survey effortlessly. Dive into our step-by-step guide to set up, integrate, and debug Formbricks in your web app in under 15 minutes.",
 };
@@ -9,7 +9,7 @@ import ListLinkedSurveys from "./list-linked-surveys.webp";
 import DeleteConnection from "./delete-connection.webp";
 import Image from "next/image";

-export const meta = {
+export const metadata = {
  title: "n8n Setup",
  description: "Wire up Formbricks with n8n and 350+ other apps",
 };
@@ -14,7 +14,7 @@ import SelectFields from "./select-fields.webp";
 import Result from "./result.webp";
 import SelectAction from "./select-action.webp";

-export const meta = {
+export const metadata = {
  title: "Formbricks Integration with Make.com: A Step-by-Step Guide",
  description: "Discover how to seamlessly integrate Formbricks with Make.com. Dive into our comprehensive guide to set up scenarios, connect with a plethora of apps, and send your survey data to more than 1000 platforms.",
 };
@@ -18,7 +18,7 @@ import SubmitTestResponse from "./submit-test-response.png";
 import SuccessConnection from "./success-connection.png";
 import UpdateQuestionId from "./update-question-id.png";

-export const meta = {
+export const metadata = {
  title: "Comprehensive Guide to Integrating Formbricks with n8n",
  description: "Unlock the potential of combining Formbricks with n8n for a streamlined workflow experience. Dive into our step-by-step guide and send your survey data effortlessly to 350+ applications. Streamline your data processes now!",
 };
@@ -14,7 +14,7 @@ import TestSubmission from "./test-submission.webp";
 import UpdateQuestionId from "./update-question-id.webp";
 import ZapierMessage from "./zapier-message.webp";

-export const meta = {
+export const metadata = {
  title: "Step-by-Step Guide to Integrating Formbricks with Zapier",
  description: "Master the integration of Formbricks with Zapier using our detailed guide. Seamlessly connect your surveys to 5000+ apps, automate data transfers, and enhance feedback management. Start optimizing your workflow today.",
 };
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Inside Look: Formbricks In-Product Micro-Surveys",
  description:
    "Unlock the full potential of Formbricks: From intuitive form-building and event-based triggers to effortless integrations and deep analytics. Master the art of in-product surveys for your SaaS or digital platform.",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Formbricks vs. Generic Survey Tools: A Comparative Insight",
  description:
    "Discover how Formbricks excels as a specialized in-product micro-survey platform for SaaS. Get unmatched targeting, seamless integrations, and make informed decisions with our open-source advantage.",
@@ -8,7 +8,7 @@ import { type Metadata } from "next";

 export const metadata: Metadata = {
  title: {
-    template: "Formbricks – Open Source Experience Management",
+    template: "%s - Formbricks Docs",
    default: "Formbricks Docs",
  },
 };
@@ -2,7 +2,7 @@ import Image from "next/image";

 import QuestionId from "./question-id.webp";

-export const meta = {
+export const metadata = {
  title: "URL Data Prefilling for Link Surveys in Formbricks",
  description: "Master the art of data prefilling in Formbricks link surveys. Dive into our guide on how to use URL parameters to prepopulate answers, boosting conversion rates and enhancing user experience. Learn through examples and ensure correct validation for each question type.",
 };
@@ -6,7 +6,7 @@ import Settings from "./single-use-setting.webp";
 import Message from "./used-message.webp";
 import Metadata from "./metadata.webp";

-export const meta = {
+export const metadata = {
  title: "Single Use Links",
  description: "Make sure that each respondent only replies once with single use links.",
 };
@@ -2,7 +2,7 @@ import Image from "next/image";

 import PeopleView from "./people-view.webp";

-export const meta = {
+export const metadata = {
  title: "Effective User Identification in Formbricks Link Surveys",
  description:
    "Discover how to seamlessly connect responses from Formbricks link surveys to existing users in your database. Learn the intricacies of the userId URL parameter to enhance user tracking, profiling, and segmentation, ensuring more personalized interactions and data-driven decisions.",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Comprehensive Guide to Self-Hosting Formbricks",
  description:
    "Discover versatile options to deploy Formbricks tailored to your expertise level. From Ubuntu setups using shell scripts, swift Docker deployments, to manual source configurations, harness the flexibility and power of Formbricks to fit your unique hosting needs. Dive in today!",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Guide to Deploying Formbricks Using Docker",
  description:
    "Step-by-step tutorial on how to effortlessly set up and run Formbricks via Docker. Explore the quick deployment process with Docker-Compose, learn how to update Formbricks, and troubleshoot common issues. Ideal for those looking for a hassle-free Formbricks experience",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Migrating Formbricks to v1.1",
  description:
    "Formbricks v1.1 comes with an amazing set of features including the ability to define most environment variables at runtime itself! No need to build the image again! This guide will help you migrate your existing Formbricks instance to v1.1",
@@ -1,4 +1,4 @@
-export const meta = {
+export const metadata = {
  title: "Step by Step Guide on Deploying Formbricks to Production on Ubuntu",
  description:
    "Master the swift deployment of Formbricks on an Ubuntu server with our step-by-step guide. Use a single command to automate Docker, Postgres DB, SSL certificate configuration, and more. Encounter issues? Dive into our troubleshooting steps or join our community on Discord for assistance.",