An open API service indexing awesome lists of open source software.

https://github.com/dappforce/subsocial-react-template

The React template showcases Subsocial's basic functionality, and allows you to get a better understanding of how to build React dapps on Subsocial.
https://github.com/dappforce/subsocial-react-template

dapp medium-clone mui nextjs polkadot react reddit-clone social-media social-network subsocial substrate template twitter-clone web3

Last synced: about 1 month ago
JSON representation

The React template showcases Subsocial's basic functionality, and allows you to get a better understanding of how to build React dapps on Subsocial.

Awesome Lists containing this project

README

        

# Subsocial React Example

[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/dappforce/subsocial-react-example)

Subsocial React Example is a Next.js project using our [**JS SDK**](https://docs.subsocial.network/docs/develop) and **mui**.

The project is a simplified implementation of [Subsocial Web App](https://app.subsocial.network)

## Installing

Follow the steps below to install the project locally:
- Clone the repository using `git clone https://github.com/dappforce/subsocial-react-example`
- Move to project directory `cd subsocial-react-example`
- Use `npm i` or `yarn` to install all the dependencies

## Running the Project

To run the project locally use `yarn dev` command in the root directory.

This will start a development build of the NextJS project.

## Deploying

You can easily deploy the project to [vercel](https://vercel.com) or similar platforms by integrating CI/CD from your github repository.

For more details, read [here](https://vercel.com/guides/deploying-nextjs-with-vercel).

## Important Links

### Get started with Subsocial SDK

- Watch Build Decentralized Twitter-like dapp in 50 mins [here](https://www.youtube.com/watch?v=jeTrpltqAqc)
- Read Quick Reference Guide [here](https://docs.subsocial.network/docs/develop/quick-reference)
- Check Detailed How-To Guide [here](https://docs.subsocial.network/docs/develop/how-to-guides/connectToSubsocial)

### Support Channels

Subsocial is project built by __developers for developers__. We love supporting devs building on our SDK. Join our communication channels for all sorts of doubts, discussions, and networking:

- Discord: https://discord.gg/tshXXtqb
- Telegram: https://t.me/+ZzvLu0ZfkQwxNGQy