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 Discord Activities, 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> --kit 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 interactive experiences that users can engage with on Discord. They can be games, quizzes, or any other type of interactive content that users can play with. Basically, they are mini web apps that run inside Discord via iframes!
Just like a regular web app, Discord Activities are built using HTML, CSS, and JavaScript. You can use any front-end framework you like, such as React, Vue, Svelte, or none at all. The only difference is that you need to use Discord's Embedded App SDK to interact with Discord's APIs.
How does Robo.js help?
Robo.js simplifies the process of creating Discord Activities by providing a file-based structure, an integrated database, TypeScript support, and a multitude of plugin-powered skills to unlock along the way. It is designed to be simple and easy to use.
Here's what you can expect:
- Single Project: Everything is in one place, making it easy to manage. No need to set up separate backend and frontend projects then connect them together.
- Integrated Database: Robo.js comes with an optional integrated database, so you don't have to worry about setting up a database server. You can store data directly in your project, or using an external database of your choice via adapters.
- TypeScript Support: TypeScript works out of the box, so you can use it without any additional setup.
- Built-in Tunnels: The Robo.js CLI automatically sets up free Cloudflare tunnels for easy testing.
- Plugin System: Robo.js has a powerful plugin system that allows you to extend your project with additional features. Because of the file-based structure, plugins seamlessly integrate with your project's backend and frontend alike.
- Easy Hosting: Robo.js makes it easy to deploy your project to the web. Just run
robo deployand your project will be live for others to use in seconds. - Ecosystem: Robo.js has a growing ecosystem of plugins, templates, and tools to help you build your project faster and more powerful with less effort.
Documentation
Discord Activities are similar to regular 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. Check them out on our GitHub repository!
Want to contribute your own? Feel free to submit a pull request!
📚 Starter React Project (JavaScript)
A basic JavaScript project using React.
📚 Starter React Project (TypeScript)
A basic TypeScript project using React.