Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 51 additions & 0 deletions docs/introduction/intro-community-tools.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
import IntroTilePanel from '@site/src/components/IntroPagesFeatures/IntroTilePanel.js';
import Rocket from '@site/docs/assets/introduction/SpotIllustration_Rocket.webp';
import SnooToolboxClipboard from '@site/docs/assets/introduction/SnooToolboxClipboard.webp';

# Community Tools on Reddit

Build community tools that respond to community activity and run inside subreddit installations without managing your own server.

Devvit is Reddit's developer platform for building interactive, cross-platform tools and apps that run natively on Reddit.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@stacy-qqq mind taking a peak at this intro?


## Why build community tools with Devvit?

Community tools can help communities automate workflows, keep discussions organized, and respond to events as they happen.

- React to posts and comments with triggers
- Store community-specific state with Redis
- Let moderators configure behavior per subreddit

## Get started

<IntroTilePanel
tiles={[
{
title: 'Quickstart',
image: Rocket,
background: 'linear-gradient(135deg, #b2f7ef 0%, #4be18a 100%)',
textColor: '#003820',
imageSide: 'left',
textAlign: 'left',
alt: 'Quickstart',
},
{
title: 'Migration Guide',
image: SnooToolboxClipboard,
background: 'linear-gradient(135deg, #ffe066 0%, #ff7c53 100%)',
textColor: '#5a2a00',
imageSide: 'right',
textAlign: 'left',
alt: 'Migration Guide',
},
]}
>
[Quickstart](../quickstart/quickstart-community-tool.md)
[Migration Guide](../guides/migrate/public-api.md)
</IntroTilePanel>

<hr style={{ margin: '2.5rem 0', border: 'none', borderTop: '2px solid #eee' }} />

## Community

Have questions or want to share your community tool? Join [r/devvit](https://www.reddit.com/r/devvit/) or our [Discord](https://developers.reddit.com/discord) to connect with other developers, get feedback, and show off your creations.
33 changes: 22 additions & 11 deletions docs/introduction/introduction.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,12 +5,13 @@ slug: /
import IntroTilePanel from '@site/src/components/IntroPagesFeatures/IntroTilePanel.js';
import Rocket from '@site/docs/assets/introduction/SpotIllustration_Rocket.webp';
import SnooToolboxClipboard from '@site/versioned_docs/version-0.12/assets/introduction/SnooToolboxClipboard.webp';
import SpotIllustration_Color_Toolbox from '@site/versioned_docs/version-0.12/assets/introduction/SpotIllustration_Color_Toolbox.webp';

# Devvit: Reddit's Developer Platform

<div style={{ display: 'flex', gap: '2rem', alignItems: 'flex-start', flexWrap: 'wrap' }}>
<div style={{ flex: 1, minWidth: '300px' }}>

Devvit allows you to build interactive games and apps that live on Reddit. Build experiences that can earn up to $167,000 per app with our [Reddit Developer Funds](https://support.reddithelp.com/hc/en-us/articles/27958169342996-Reddit-Developer-Funds-2025-Terms).

Build community games like [Hot and Cold](https://www.reddit.com/r/hotandcold/), [Sword and Supper](https://www.reddit.com/r/SwordAndSupper/), and [Honk](https://www.reddit.com/r/RedditGames/), or create [custom mod tools](https://www.reddit.com/r/ModSupport/comments/1k6szsj/devvit_apps_for_moderation_a_list/) to empower your community.
Expand All @@ -20,16 +21,16 @@ Build community games like [Hot and Cold](https://www.reddit.com/r/hotandcold/),
**Questions?** Join [r/devvit](https://www.reddit.com/r/devvit/) or our [Discord](https://developers.reddit.com/discord).

</div>

<div style={{ flex: '0 0 400px', minWidth: '300px' }}>


<div style={{ position: 'relative', width: '100%', paddingBottom: '56.25%', height: 0, overflow: 'hidden', marginBottom: '2rem' }}>
<iframe
src="https://www.youtube.com/embed/1ZM1tKI4SnU"
title="Devvit Quickstart Tutorial"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
<iframe
src="https://www.youtube.com/embed/1ZM1tKI4SnU"
title="Devvit Quickstart Tutorial"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }}
></iframe>
Expand All @@ -50,16 +51,26 @@ Build community games like [Hot and Cold](https://www.reddit.com/r/hotandcold/),
alt: 'Build Games',
},
{
title: 'Create Mod Tools',
title: 'Build Mod Tools',
image: SpotIllustration_Color_Toolbox,
background: 'linear-gradient(135deg, #D8F3C4 0%, #78C96B 100%)',
textColor: '#174A1F',
imageSide: 'right',
textAlign: 'left',
alt: 'Create Mod Tools',
},
{
title: 'Build Community Tools',
image: SnooToolboxClipboard,
background: 'linear-gradient(135deg, #ffe066 0%, #ff7c53 100%)',
textColor: '#5a2a00',
imageSide: 'right',
textAlign: 'left',
alt: 'Create Mod Tools',
alt: 'Create Community Tools',
},
]}
>
[Build Games](./intro-games.mdx)
[Create Mod Tools](./intro-mod-tools.mdx)
[Build Mod Tools](./intro-mod-tools.mdx)
[Build Community Tools](./intro-community-tools.mdx)
</IntroTilePanel>
Loading
Loading