Build the perfect notification center for your app

1
import { CourierProvider } from "@trycourier/react-provider";
2
import { Inbox } from "@trycourier/react-inbox";
3

4
function App() {
5
  return (
6
    <CourierProvider userId={<userId>} clientKey={process.env.COURIER_CLIENT_KEY}>
7
      <Inbox/>
8
    </CourierProvider>
9
  );
10
}

1
import { CourierClient } from '@trycourier/courier'
2

3
const courier = CourierClient()
4

5
await courier.send({
6
  message: {
7
    to: {
8
      user_id: <USER_ID>
9
    },
10
    content: {
11
      title: "How does {{ villain }} like his toast?",
12
      body: "On the dark side."
13
    },
14
    data: {
15
      villain: "Darth Vader"
16
    }
17
    routing: {
18
      method: "single",
19
      channels: ["inbox"]
20
    }
21
  }
22
}

1
import { CourierClient } from '@trycourier/courier'
2

3
const courier = CourierClient()
4

5
await courier.send({
6
  message: {
7
    to: {
8
      user_id: <USER_ID>
9
    },
10
    content: {
11
      title: "How does {{ villain }} like his toast?",
12
      body: "On the dark side."
13
    },
14
    data: {
15
      villain: "Darth Vader"
16
    }
17
    routing: {
18
      method: "single",
19
      channels: ["inbox"]
20
    }
21
  }
22
}