Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hylcore-v/social-template-react-subs

Explore Subsocial's core features with this React template, designed to help you quickly grasp and build dApps on the Subsocial platform.
https://github.com/hylcore-v/social-template-react-subs

medium-clone mui nextjs polkadot react social-media subsocial substrate template web3

Last synced: about 2 months ago
JSON representation

Explore Subsocial's core features with this React template, designed to help you quickly grasp and build dApps on the Subsocial platform.

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)