https://github.com/replyke/monorepo
Replyke React & React Native components: Build interactive apps with social features like comments, votes, feeds, user lists, notifications, and more.
https://github.com/replyke/monorepo
comments expo front-end moderation react react-native reactjs replyke social typescript ui-components
Last synced: 5 months ago
JSON representation
Replyke React & React Native components: Build interactive apps with social features like comments, votes, feeds, user lists, notifications, and more.
- Host: GitHub
- URL: https://github.com/replyke/monorepo
- Owner: replyke
- License: agpl-3.0
- Created: 2025-02-01T20:55:50.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-05-11T09:04:44.000Z (5 months ago)
- Last Synced: 2025-05-11T10:20:01.132Z (5 months ago)
- Topics: comments, expo, front-end, moderation, react, react-native, reactjs, replyke, social, typescript, ui-components
- Language: TypeScript
- Homepage: https://docs.replyke.com
- Size: 14.1 MB
- Stars: 70
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Replyke: Open-Source Framework for Building Social Products
Replyke is an open source toolkit for adding production‑grade social features to any web or mobile app.
[](https://www.npmjs.com/package/@replyke/core)
[](LICENSE) 
[](https://expo.io/)
Replyke gives developers a complete foundation for building social experiences - comments, votes, notifications, feeds, and more - without reinventing the wheel. Instead of wiring together a mix of libraries or building from scratch, Replyke offers drop-in APIs, SDKs, and components that are production-ready out of the box.
Built with a headless, TypeScript-first architecture, Replyke fits seamlessly into your stack. Whether you’re building a full social network or just need user comments on a blog post - Replyke has you covered.
## Table of Contents
- [Key Features](#key-features)
- [Why Replyke](#why-replyke)
- [Comparison With Alternatives](#comparison-with-alternatives)
- [Documentation](#documentation)
- [Contributing](#contributing)
- [Community and Support](#community-and-support)
- [License](#license)
## Key Features
- **Comment system** - threaded replies, markdown, mentions, votes, moderation hooks
- **Feeds** - filter by tags, following or geography with hot, top or new sorting
- **In‑app notifications** - configurable events for votes, mentions, follows and more
- **Curated lists** - user folders and nested collections of entities
- **Follow graph** - one‑way follow relationships ready for social graphs
- **Admin tools** - reporting, suspensions, reputation and audit logs built in
All features come with backend APIs, typed SDKs and ready to use React and React Native components.
## Why Replyke
- **Save months of work** - plug in battle‑tested social primitives instead of reinventing them
- **Headless first** - bring your own auth and UI or use the included components
- **Full TypeScript stack** - the same types flow from database to client hooks
- **Self host (DIY) or cloud** - open‑source core plus an optional managed service for zero ops
## Quick Start
This is a minimal example for integrating **comments** using Replyke. It’s meant as a basic demonstration with dummy content. Replyke offers much more - but this is the simplest way to get started.
To use this example:
1. **Create a new project** in the [Replyke dashboard](https://dashboard.replyke.com) and copy your project ID.
2. Go to **Settings → Secrets**, and **generate a new JWT key**. This is required for signing JWT tokens of your users data, when integrating Replyke with an external user system as we will mock in this example.
3. Install the required packages:
```bash
pnpm add @replyke/comments-social-react-js @replyke/react-js
```
> ⚠️ This example uses a helper function that signs a JWT with the user’s info using a your project's secret key. It is **meant only for development and testing**. Never expose private keys in production, and if using the function - rotate your keys before moving to production.
### Example `App.tsx`
Here’s how your app might look in a Vite + Tailwind project:
```tsx
import { SocialCommentSection } from "@replyke/comments-social-react-js";
import {
EntityProvider,
ReplykeProvider,
useSignTestingJwt,
} from "@replyke/react-js";
import { useEffect, useState } from "react";
const PROJECT_ID = import.meta.env.VITE_PUBLIC_REPLYKE_PROJECT_ID;
const PRIVATE_KEY = import.meta.env.VITE_PUBLIC_REPLYKE_SECRET_KEY;
const DUMMY_USER = { id: "user1", username: "lionel_messi10" };
const DUMMY_POST = {
id: "post_1234",
title: "Replyke Demo",
content: "Adding comment sections has never been so easy!",
};
function SingleItem({
post,
}: {
post: {
id: string;
title: string;
content: string;
};
}) {
return (
{post.title}
{post.content}
);
}
function App() {
const signTestingJwt = useSignTestingJwt();
const [signedToken, setSignedToken] = useState();
useEffect(() => {
const handleSignJwt = async () => {
const token = await signTestingJwt({
projectId: PROJECT_ID,
privateKey: PRIVATE_KEY,
payload: DUMMY_USER,
});
setSignedToken(token);
};
handleSignJwt();
}, []);
return (
);
}
export default App;
```
## Comparison With Alternatives
| | **Replyke** | Disqus | Supabase + DIY | Custom Build |
| ---------------------- | ----------- | ------------- | -------------- | ------------ |
| Open source | ✔ | ✖ | ✔ | — |
| Full social toolkit | ✔ | Comments only | ✖ | — |
| Self host | ✔ (DIY) | Limited | ✔ | ✔ |
| React hooks & ready UI | ✔ | ✖ | ✖ | — |
## Documentation
Full API reference, guides and recipes live at **[https://docs.replyke.com](https://docs.replyke.com)**.
## Contributing
Bug reports are welcome. contributing guide coming soon - [Join Discord server for updates.](https://discord.gg/REKxnCJzPz)
## Community and Support
- **Discord** - [https://discord.gg/REKxnCJzPz](https://discord.gg/REKxnCJzPz)
- **Blog** - [https://blog.replyke.com](https://blog.replyke.com)
- **X/Twitter**
- Replyke - [https://x.com/yantsab](https://x.com/yantsab)
- Yanay (Developer) - [https://x.com/yantsab](https://x.com/yantsab)
- **LinkedIn**
- Replyke - [https://www.linkedin.com/company/replyke](https://www.linkedin.com/company/replyke)
- Yanay (Developer) - [https://www.linkedin.com/in/yanay-zabary/](https://www.linkedin.com/in/yanay-zabary/)
- **Email** - [support@replyke.com](mailto:support@replyke.com)
## License
Replyke is released under the **AGPL‑3.0‑only** license. See [LICENSE](LICENSE) for details.