Next.js

Learn how to send your first feedback using Next.js and the Remark Node.js SDK.

Prerequisites

To get the most out of this guide, you'll need to:

1. Install

Get the Node.js SDK using your preferred package manager:

Terminal

npm install @remark-sh/sdk

2. Add environment variable

Add the REMARK_API_KEY to your .env file. If you don't have a key yet, sign up and create one from the dashboard.

.env

REMARK_API_KEY=your-api-key

3. Create a server action

We highly recommend using a server action to send a feedback. Create an action file in app/actions.ts and add the following code:

app/actions.ts

"use server";
import { Remark } from "@remark-sh/sdk";
const remark = new Remark(process.env.REMARK_API_KEY!);
export async function send(formData: FormData) {
  await remark.feedbacks.create({
    from: formData.get("email") as string,
    text: formData.get("message") as string,
  });
}

4. Create a form

The easiest way to send a feedback is through a form. Paste the following code in your app/page.tsx and paste the following code:

app/page.tsx

import { send } from "./actions.ts";
export default async function Page() {
  return (
    <form action={send}>
      <input name="email" />
      <textarea name="message" />
      <button type="submit">Send</button>
    </form>
  );
}

5. Try it yourself

Next.js example

See the full source code.

Node.js