Quadratic V2

Looking for a more complete pre and post-launch solution? Check out Hype.

Easily capture user feedback in your app and track it in Linear. Created by The Holistic Company.

Getting Started

npm install quadratic-v2
yarn add quadratic-v2
pnpm add quadratic-v2
bun add quadratic-v2

Handler Setup

NextJS

// app/api/feedback/route.ts

import { createHandler } from "quadratic-v2/server";

export const POST = createHandler({
  apiKey: process.env.LINEAR_API_KEY!,
  teamId: process.env.LINEAR_TEAM_ID!,
});

Astro

// pages/api/feedback.ts

import type { APIRoute } from "astro";
import { createHandler } from "quadratic-v2/server";

export const POST: APIRoute = ({ request }) =>
  createHandler({
    apiKey: import.meta.env.LINEAR_API_KEY,
    teamId: import.meta.env.LINEAR_TEAM_ID,
  })(request);

Feedback Component

React

// app/page.tsx

import "quadratic-v2/style.css";
import { FeedbackWidget } from "quadratic-v2/react";

export default function Home() {
  return (
    <FeedbackWidget>
      <button>Feedback</button>
    </FeedbackWidget>
  );
}