Discord Activities Overview
Robo.js is a powerful framework that allows you to create Discord Activities with ease, among other things. This section will explain all the concepts behind them, and how they are simplified with Robo.js.
Getting Started
Ready to embark on this adventure? Creating a Discord Activity with Robo.js is as easy as running one command.
npx create-robo <projectName> -k activity
This will walk you through setting up your project and installing the necessary dependencies. Once selected, you can run and start developing your Discord Activity right away!
What are Discord Activities?
Discord Activities are web apps that run inside Discord. They can be games, quizzes, or any other type of interactive content that users can play with.
Activities can be built using HTML, CSS, and JavaScript, alongside any frontend framework such as React, Vue, Svelte, or none at all. They use Discord's Embedded App SDK to interact with Discord APIs.
How does Robo.js help?
Robo.js simplifies the process by providing an ecosystem of plugins and features to help you build your Discord Activity faster and more efficiently. It is designed to be simple and easy to use.
Here's what you can expect:
- One Project: Everything is in one place, making it easy to manage. No more separate backend and frontend projects.
- Integrated Database: Robo.js has an built-in KV database that can be pointed to any data source via adapters.
- TypeScript Support: TypeScript works out of the box, so you can use it without any additional setup.
- Built-in Tunnels: The Robo CLI automatically sets up free Cloudflare tunnels for easy testing.
- Plugin System: Extend your activity's features with plugins that seamlessly add new functionality.
- Easy Hosting: Deploy your activity for others to use with just one command, or self-host it on your own.
- Ecosystem: A growing ecosystem of plugins, templates, and tools to help you build faster with less effort.
Documentation
Discord Activities are similar to web apps, but there are a few unique things you should know.
This documentation covers everything you need to know about creating Discord Activities with Robo.js, from setting up your project to adding features and deploying it for others to use.
🚀 Hosting
Deploy your activity for others to use.
⚔️ Multiplayer
Add multiplayer functionality to your Discord Activity.
Community
Join our Discord server to chat with other developers, ask questions, and share your projects. We're a friendly bunch and always happy to help! Plus, our very own AI Robo, Sage, is there to assist you with any questions you may have.
Sage is powered by @robojs/ai and can answer your questions about Robo.js, Discord Activities, and more.
Templates
We have a collection of templates that you can use to kickstart your project or just use as a reference.
Want to contribute your own? Submit a pull request!
📚 Starter React (JS)
A basic JavaScript project using React.
📚 Starter React (TS)
A basic TypeScript project using React.