> ## Documentation Index
> Fetch the complete documentation index at: https://docs.sendify.100xbuild.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Welcome to Sendify – the easiest way to integrate real-time in-app notifications into your NextJS and ReactJS applications (seriously, it’s stupidly easy).

<img className="block dark:hidden" src="https://mintcdn.com/sendify/elpQGh9eFgfm7BiF/images/sendify_light.png?fit=max&auto=format&n=elpQGh9eFgfm7BiF&q=85&s=cac3b365e16da73de79c2c3d269f30a5" alt="Sendify Light Logo" width="872" height="552" data-path="images/sendify_light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/sendify/elpQGh9eFgfm7BiF/images/sendify_dark.png?fit=max&auto=format&n=elpQGh9eFgfm7BiF&q=85&s=8b7a08090dcfdbdf6bd2bee66cd4ebe7" alt="Sendify Dark Logo" width="874" height="550" data-path="images/sendify_dark.png" />

## What is Sendify?

Sendify is your no-BS, plug-and-play notification system for NextJS and ReactJS applications. It lets you send, store, and display real-time notifications like an absolute pro using **Socket.IO** and **Convex**. No headaches, just notifications.

## Key Features

* 📡 **Real-time notifications** because nobody likes waiting.
* 📦 **Ridiculously easy integration** with ReactJS/NextJS.
* 📊 **Scalable storage** powered by Convex, so your database doesn’t cry.
* 🎨 **Customizable UI** because default styling is for quitters.
* 🚀 **Blazing fast performance** because slow apps are embarrassing.

## Getting Started

Step one to making your app 100x cooler:
setting up Sendify. Here’s where to begin:

<CardGroup cols={2}>
  <Card title="Install Sendify" icon="pen-to-square" href="https://docs.sendify.100xbuild.com/installation">
    Get Sendify installed and running in your project in no time. No PhD required.
  </Card>

  <Card title="Preview Integration" icon="image" href="https://sendify.100xbuild.com/playground">
    See Sendify in action before you fully commit (like a responsible dev).
  </Card>
</CardGroup>

## Customize Sendify

Want Sendify to match your app’s aesthetic? Of course, you do.

<CardGroup cols={2}>
  <Card title="Customize UI" icon="palette" href="https://sendify.com/docs/customization">
    Style it your way. No judgment (probably).
  </Card>

  <Card title="Real-Time Setup" icon="screwdriver-wrench" href="https://sendify.com/docs/realtime">
    Get WebSockets running so notifications feel instant (because they are).
  </Card>
</CardGroup>

You’re now one step closer to having a fully functional notification system. Look at you, being all productive. 🚀