RocketChat / RC4Community

Full-stack components for building, engaging, and growing your massive on-line community
https://community.rocket.chat/
Apache License 2.0
51 stars 68 forks source link
blockchain community community-building community-management community-project crypto hacktoberfest jamstack nextjs nft nodejs opensource platform serverless typescript web3

Rocket.Chat for Communities

build and grow massive online communities with rocket.chat

build and grow massive online communities with rocket.chat


πŸš€ Features πŸš€


πŸš€ Community Builder quick start πŸš€

Customize - Deploy - Manage

πŸ’» Develop your Community from any browser or Chromebook

Start developing and make changes to your code via a single click Anytime-Anywhere!

Open in Gitpod

Start designing and customizing your community management system by opening the already setup and ready to code developer environment using Gitpod!

Some Recommendations while using Gitpod:


πŸš€ Developer quick start πŸš€

Development - Build - Production

πŸ’» Design and Development Time

During development, our data provider is a headless CMS, strapi.

Note that it is used only during development and build time, not during production.

NOTE: You can follow the below instructions to setup your developer environment in your local machine or use the gitpod method to code on the cloud ⚑️ as suggested above as well!

Pre-requisites:

volta Nodejs versioning is managed by volta. You can install it by running curl https://get.volta.sh | bash in your terminal. This assures that appropriate versions of nodeJS and npm are used and ensures compatibility for all distributed development teams.

docker Your system should have docker available for superprofile we use a dockerized local flauna instance.

git clone https://github.com/rocketchat/RC4Community
cd RC4Community
sh startdevenv.sh localhost

NOTE: Please replace the "localhost" with your static IP if you are doing environment setup on your VM.

NOTE: Please refer to this reference for setting up Rocket Chat + Google Auth with RC4Community!

The application is written on nextjs and deployable on all nextjs compatible CDN + microservices and scaled deployment platforms.

Using strapi directly - you can now have designers and devs modify the portal content directly and independently from the dev and devOps folks working on the app. While developers can now enjoy the hot refresh and rapid iterations of the nextjs dev environment.

Embedded Chat Component

RC4Community integrates the RC Embedded Chat Component to enable smooth and real-time communication within your platform!

For trying out the Embedded Chat in RC4Community, please setup the Embedded Chat by following the instructions here from the steps mentioned in there note down the Google Cloud Client ID and the Rocket Chat instance url. Now after getting the Google Cloud Client ID and the Rocket Chat instance url paste them in the app/.env with the following key name,

NEXT_PUBLIC_GOOGLE_CLIENT_ID="your google client id"
NEXT_PUBLIC_RC_URL="your url of the RC instance"
NEXT_PUBLIC_RC_ROOM_ID="public channel room id"

The NEXT_PUBLIC_RC_ROOM_ID defaults to "GENERAL".

πŸ›  Application build time

This app is deployable on all nextjs compatible CDN + microservices and scaled deployment platforms.

To build for deployment, first make sure cms (strapi) is up and running, then:

cd app
NEXT_PUBLIC_STRAPI_API_URL=http://localhost:<your strapi port>   npm run build

Upon successful build, the cms (strapi) is no longer needed for deployemnt. For example, you may want to deploy to vercel via a git push.

For a workable but simple minded, non-scalable, never to be used in production deployment:

cd app
NEXT_PUBLIC_STRAPI_API_URL=http://localhost:<your strapi port>   npm run prod

Again, note that cms/strapi is not required in production and should not be started.

πŸ—„ Deployment time (production deployment)

Production should be deployed as a statically generated website (with associated microservices and/or serverless execution support).

Make sure you have built the bundle (with the cms running):

cd app
npm i
NEXT_PUBLIC_STRAPI_API_URL=http://localhost:1337  npm run build

Once you have finshed the build, the optimized files are ready in the out folder. You will no no longer need the CMS running and can stop strapi. This is key, deployment does not depend on the cms, in fact the same tgz can be immediately deployed to 1000s of smart edge nginx PoP as in modern CDNs.

Take a look at deploy/deploy.sh to see how to zip up the out content into a site.tgz file and transfer to your web server (such as nginx in this example) for deployment.

✨ About the repository ✨

Since 2015, Rocket.Chat has been used globally by groups and organizations to create and build online communities of all shapes and sizes. Today, with millions of end users and hundreds of thousands of deployed servers, Rocket.Chat has uniquely become a networked community of community builders - a community of communities.

With its upcoming decentralized federation refactor, Rocket.Chat stands to become the next level Internet fabric that will loosely unite all on-line communities in a decentralized yet consistent manner.

This project is an extension to Rocket.Chat that aims to satisfy the immediate demands of today's community builders. Those who are intentionally building massive on-line communities (membership into the millions) centered around Rocket.Chat's core functionalities (sharing of information, collaboration, video and audio meet-ups, virtual conferences, and so on).

Unlike the team chat heritage of Rocket.Chat, this area is a trending but nascent field where major innovations are yet to be imagined. Participants in both open source and closed source space are diligently working on scalability of their platforms and systems. Rocket.Chat for Communities uniquely features an already proven scalable collaboration engine right from day number one.

If you are involved in some ways in the creation, building, and growth of massive communities online - we invite you to participate in this project; help us steer its direction and ensure its long term success.