https://github.com/frigadehq/demo

Frigade makes it easy to build better customer journeys in your product through beautiful pre-built UI components, a flexible API and SDK, and an easy-to-use web dashboard. It is purpose-built for modern software teams that care about design, flexibility, and customization.
https://github.com/frigadehq/demo

component component-library components flows form forms nextjs onboarding onboarding-forms product react reactjs reactjs-components tour tours ui

Last synced: about 2 months ago
JSON representation

Frigade makes it easy to build better customer journeys in your product through beautiful pre-built UI components, a flexible API and SDK, and an easy-to-use web dashboard. It is purpose-built for modern software teams that care about design, flexibility, and customization.

• Host: GitHub
• URL: https://github.com/frigadehq/demo
• Owner: FrigadeHQ
• License: mit
• Created: 2024-08-13T19:26:42.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-11-21T20:37:35.000Z (2 months ago)
• Last Synced: 2024-11-21T21:28:23.039Z (2 months ago)
• Topics: component, component-library, components, flows, form, forms, nextjs, onboarding, onboarding-forms, product, react, reactjs, reactjs-components, tour, tours, ui
• Language: TypeScript
• Homepage: https://demo.frigade.com
• Size: 1020 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Frigade Demo



Website 

 · 

Demo 

 · 

Docs






![Frigade iamge](https://cdn.frigade.com/0534ad31-8dc3-4061-9e53-53aae2ff3cf8.png)

[Frigade]() is the modern product adoption platform. Frigade makes it easy to build better customer

journeys in your product through beautiful pre-built UI components, a flexible API and SDK, and an easy-to-use web

dashboard. It is

purpose-built for modern software teams that care about design, flexibility, and customization.

This repo contains the source code for [demo.frigade.com](https://demo.frigade.com).

## Getting Started

First, copy the sample environment file:

```bash

cp .env.example .env.local

```

Then, install the dependencies:

```bash

pnpm install

```

Next, run the development server:

```bash

pnpm dev

```

Now, open [http://localhost:3000](http://localhost:3000) with your browser to see the demo.

## Using your own API key and Flows

If you wish to use your own API key, you can replace the `NEXT_PUBLIC_FRIGADE_API_KEY` in the `.env.local` file with

your own API key.

You will also need to update the Flow IDs found in [src/lib/flow-details.ts](src/lib/flow-details.ts) to match the Flow

IDs in your Frigade account.

All the Flow configurations (i.e. YAML) are available in [src/lib/flow-details.ts](src/lib/flow-details.ts), as well.

You can paste the a configuration into your own Flow via the advanced Flow editor in the web app.