Example dapp on the Subsocial blockchain by DappForce
PolkaVerse is a niche social site built on the Subsocial network. It focuses on the Polkadot and Kusama ecosystem. You can use this this code to help you in the development of your own dapps running on or integrated with Subsocial.
Visit Subsocial's website to learn more about the project.
- Prepare the dockerfile and adjust the config if needed.
- Build the image in local with this command and please ensure to add build argument.
$ docker build --build-arg GH_GA_ID=valueREDACTED --build-arg GH_APP_KIND=valueREDACTED --build-arg GH_HCAPTCHA_SITE_KEY=valueREDACTED --build-arg GH_AMP_ID=valueREDACTED --build-arg GH_OFFCHAIN_SIGNER_URL=valueREDACTED --build-arg GH_CONNECTION_KIND=valueREDACTED --build-arg GH_SELLER_CLIENT_ID=valueREDACTED --build-arg GH_SERVER_MNEMONIC==valueREDACTED --build-arg GH_SELLER_TOKEN_SIGNER=valueREDACTED --build-arg GH_NEXT_PUBLIC_DATAHUB_QUERY_URL=valueREDACTED --build-arg GH_NEXT_PUBLIC_DATAHUB_SUBSCRIPTION_URL=valueREDACTED --build-arg GH_DATAHUB_QUEUE_URL=valueREDACTED --build-arg GH_DATAHUB_QUEUE_TOKEN=valueREDACTED -t polkaverse-docker-image:latest .Notes: Please execute the build process with theses build arguments, you need to specify the value.
- GH_GA_ID=valueREDACTED
- GH_APP_KIND=valueREDACTED
- GH_HCAPTCHA_SITE_KEY=valueREDACTED
- GH_AMP_ID=valueREDACTED
- GH_OFFCHAIN_SIGNER_URL=valueREDACTED
- GH_CONNECTION_KIND=valueREDACTED
- GH_SELLER_CLIENT_ID=valueREDACTED
- GH_SELLER_TOKEN_SIGNER=valueREDACTED
- GH_SERVER_MNEMONIC=valueREDACTED
- GH_NEXT_PUBLIC_DATAHUB_QUERY_URL=valueREDACTED
- GH_NEXT_PUBLIC_DATAHUB_SUBSCRIPTION_URL=valueREDACTED
- GH_DATAHUB_QUEUE_URL=valueREDACTED
- GH_DATAHUB_QUEUE_TOKEN=valueREDACTED
- Then check the docker images that has been builded.
$ docker images | grep "polkaverse"- To run the docker images with docker-compose, please prepare the docker-compose.yaml config file at first.
# docker-compose.yml
version: '3'
services:
web-ui:
image: polkaverse-docker-image:latest
ports:
- '3003:3003' # Application port
container_name: polkaverse-web-app
restart: on-failure$ docker-compose -f docker-compose.yaml up -d- Check the running container with this command.
$ docker-compose ps
$ docker-compose logs- Test to connect to the application.
$ curl -I http://localhost:3003Clone this repo:
git clone [email protected]:dappforce/polkaverse.git
cd polkaverseCreate an .env file with settings that allow the app to connect to Subsocial's infrastructure:
cp dev.env .env.localInstall a compatible version of Node.js. The compatible versions are specified in the package.json file.
If you have installed NVM simply run nvm install && nvm use to use the Node.js version specified in the .nvmrc file.
Install project dependencies:
npm install --global yarn
yarnDev mode supports hot reloads – this is very helpful when developing UI because you can see changes in your browser without restarting the app. But it takes some time (in seconds) to compile the updated parts of the app, after you made changes to the source code.
yarn devProd mode doesn't support hot reloads, but works super fast, because the UI gets compiled by Next.js before running the app.
yarn build
yarn startGo to localhost:3003
You can customize the app by changing the following variables in config/app/polkaverse file, or by creating a new file in config/app folder and setting APP_KIND variable in .env file to the name of your new file.