How To Set Up Your Own Hive Break Away Front End

in #hive5 months ago (edited)

thelogicaldude.jpeg

You can now set up your own Hive front end using the new Break Away communities from the team at the @spknetwork. These communities utilize the @ecency framework with your own Hive community to easily create your own Hive front end, all it takes is a domain, cheap web server with some setup, and of course, a Hive community!

In this post I am going to go over the steps I took, from scratch to create the BlockTunes Social community front end for the @blocktunes music project!

You can also check out the original guide from @psorigins, but this goes into a bit more detail.

Step 1 - Start A Hive Community

This part is simple and only costs 3 $HIVE to create a community. For this example, I will be using Peakd.com to create the community.

On the communities page on Peakd, you will see a list of communities on Hive as well as the button to create a new community. Creating a community is similar to creating a Hive account.

Screen Shot 2022-07-05 at 11.34.12 AM.png

Once you click the plus button, you will see the following page, this is where you will chose the name of your community and you will see the private keys for that community. You will need to make sure to download the private keys in the given text file, and then secure them in a safe location.

Once you have the community created, it may take a minute or so for peakd to get everything set up in the background.

Once it is ready you will be able to make setting changes to your community, add images, description, rules, etc, just like a regular Hive account.

Screen Shot 2022-07-05 at 11.40.50 AM.png

So now that you have your community created, you will need the 'hive-12345' number that came with your community. This is what you will need when you go through the front end setup. In the case of BlockTunes.Social, the hive community number is hive-176363.

Screen Shot 2022-07-05 at 11.43.02 AM.png

You are finished on this side for now. Keep that community number handy for later.

Step 2- Get a VPS or Server Setup with IPv4

You can use a variety of different hosts to accomplish this task. You will need to get a server setup that will allow you to log in using an IP address.

Privex.io is what was used in the original video, but their lower priced webbox that was used in the guide is out of stock, so I am using another VPS host, Linode.com to set up. They have a $5 per month server that is perfect for this operation.

The original guide was created using Debian OS for Linux, so I stuck with that.

Screen Shot 2022-07-05 at 11.51.46 AM.png

Once you order your server, you will then get the credentials needed to sign into your terminal using SSH. Linode makes it easy to access this information where you can just copy and paste it into your terminal.

Screen Shot 2022-07-05 at 11.54.32 AM.png

You will set the name of the server and password when you are ordering it. Now that is all done, you will move along to the next step...

Step 3- Buy A Domain

Next step is to purchase a domain for your community. You can do this on services like GoDaddy.com or Namecheap.com, which is what I am using these days to buy my domains.

Once you find the perfect domain and purchase it, you will then need to go in and set your DNS settings to point your domain to your new server you just created. I found it easier to get this all set up first before starting the front end setup.

Using Namecheap, but it's pretty similar across all domain registration companies, you will need to go to your DNS settings. In Namecheap, you will then need to go to the Advanced DNS to add a record. Most registrars just give you the option to change the nameservers in the base settings, so that is why you may need to look for advance settings.

Screen Shot 2022-07-05 at 12.00.00 PM.png

When you get started, you will not have any records. What you see is in this image is what you need to set up. I have hidden the active IP address for security.

You will Add New Record, then set up 2 A records. One using the '@' symbol as the host, with the IP address of your server as the Value. This is your root file

The second A record needs to be www as the host and then your server's IP address as the value. This is the www subdomain. You can set it up using a subdomain of an already existing domain as well.

Once that is set up, you are done there and the next step is to get into the terminal and get our hands dirty there.

Step 4 - Setting Up The Server

Before you can get the front end setup, you will need to first install some dependencies on your server for it to operate properly.

Again,in the original guide they used Privex Web Box which has allot of this already setup, but since we are starting from scratch, you will need to walk through these steps.

Open Your Terminal And Sign In To Server

You will need to locate the terminal program on your computer. I am on a Mac so I will just search for the Terminal program, it should be the same on Windows as well.

Once you have your Terminal open, you will go to your server and copy the ssh address and paste it into your terminal to sign in.

Screen Shot 2022-07-05 at 11.54.32 AM.png

You can also just enter:
ssh [email protected] then hit enter

You may be prompted to save the IP address into your system as it is the first time you have accessed it. Hit Y and continue.

Then you will enter the server password you set when you set up the server.

Once you are into your server, then you can proceed with installing the dependencies.

You can check to see if you server package came with some of these dependencies by checking the versions.

git --version
docker --version
docker-composer --version

These would be the main ones to look for by default. If they are not on your server, then continue with the following steps.

Install Git

First step is to install Git by entering the following commands:

First you want to make sure your system is up to date.

sudo apt update

Then once that process is finished, you will install Git:

sudo apt install git

You will be prompted to continue and verify the space usage.

Once that process is complete, you can verify Git installed by checking the version:

git --version

If you see an output with a version, you know you did it correctly.

Install Docker

This process got a little involved. I used this guide to help me along the way. I am also listing the steps below with images from the guide...

First start with the following command to install some dependencies that Docker needs to run:

apt install \
    apt-transport-https \
    ca-certificates \
    curl \
    gnupg \
    lsb-release

You will need to enter Y when prompted...

1-install-packages-dependenciess.png

Next you will execute the following command to add the GPG key for Docker:

curl -fsSL https://download.docker.com/linux/debian/gpg | sudo gpg --dearmor -o /usr/share/keyrings/docker-archive-keyring.gpg

After that, add the Docker repository for Debian 11 system using the command below.

echo \
 "deb [arch=amd64 signed-by=/usr/share/keyrings/docker-archive-keyring.gpg] https://download.docker.com/linux/debian \
 $(lsb_release -cs) stable" | sudo tee /etc/apt/sources.list.d/docker.list > /dev/null

Now run the 'apt update' command to update/refresh all available repositories.

apt update

Now you're ready to install Docker to Debian 11...

Being that we have never installed Docker before, we do not need to remove old versions so to install Docker for the first time, enter the command:

apt install docker-ce docker-ce-cli containerd.io

Type 'y' and press 'Enter' to confirm the installation.

3-installing-docker-debian-bullseye.png

If the installation is complete, execute the following command to verify the installation...

  • Check whether the service is enabled or not.
systemctl is-enabled docker
systemctl is-enabled containerd

Check Docker and Containerd service status.

systemctl status docker containerd

Below is the output you will get, well at least similar...

4-checking-docker-service.png

As seen, the Docker and Containerd services are active (running), and both services are enabled and will run automatically at system startup.

Install Docker Composer

Now that you have Docker installed, you will need to install the Docker Composer dependency. You can easily do this by entering the following command in your terminal:

curl -SL https://github.com/docker/compose/releases/download/v2.5.0/docker-compose-linux-x86_64 -o /usr/local/bin/docker-compose && sudo chmod +x /usr/local/bin/docker-compose

You will need to click Y when prompted to verify storage usage.

You can verify if it is installed by running the verify command

docker-composer --verify

You will get an output with a version if done correctly.

Install Nginx

Nginx is a popular web server that can be used as a reverse proxy and load balancer for your servers. It can also work as a standalone server or in conjunction with another application server. In order to make use of its functionality, we need to first install it. You need this to install the front end files from SPK Network.

Simply run the following command to install Nginx:

sudo apt install nginx -y

The process will look something like this:

install_nginx.png

install_nginx_2.png

Once complete you can verify the installation by running the following command:

sudo systemctl status nginx

Install Certbot

Certbot allows you to set up a secure connection for your domain. This sets up the secure https for your domain.

First you have to install a dependency to allow you to install Certbot, called Snapd and Snapd core. To do this, enter the following commands:

First:

sudo apt install snapd

Then:

sudo snap install core

Once Snapd is installed, then install Certbot:

sudo snap install certbot --classic

And that part is complete.

Install Node.JS

The last step to the server setup process is installing Node.js. This runs the CLI for the Hive front end.

Install Node.JS and NPM by using the command below:

sudo apt install nodejs npm 

You may be prompted to his Y for space usage, but other than that, that's it. Setup is complete. Now it's time for the fun stuff!

Step 5- Setting Up Your Hive Front End

This is really the easiest part of the process. First you will need to enter the admin portion by entering the following command:

sudo -i

In my case I didn't really see anything happen just gave me another space for another command.

That is when I took the next step of downloading the script to create the community. This happens by entering the following command, This is where you needed Nginx:

npx @spknetwork/community-create

Once you run this, you will then be prompted to enter your Hive community ID. This was that number that I told you to remember, in the case of BlockTunes Social, it is hive-176363. You enter the number then click 'Enter'.

In the next step you are asked to enter tags to be displayed in your community. You enter them with a comma in between (NO Spaces). For example: blocktunes,music,beatzchain

The next step is when you enter your domain names. You will enter both the base domain and or subdomain. For example, with a base domain, you would use both domain and www:

blocktunes.social,www.blocktunes.social

Then you hit 'Enter'. It goes through some processing steps and creates some files for you. Once you have done this, then you are pretty much done, except for the last step...

Step 6- Set Up Secure Domain With Certbot

This is the last part of the setup, setting up HTTPS. To do this enter the following command, and replacing the example.com with your own domain.

sudo certbot --nginx -d example.com -d www.example.com

In our case it was

sudo certbot --nginx -d blocktunes.social -d www.blocktunes.social

Hit 'Enter' and you will then get a notice that should say your domain is secured with HTTPS!

If you see that, then you are DONE!

You now just need to go visit your newly set up domain and see your Hive break away community in all it's glory!!! If you already have a Hive community setup with content, you will then see the contents of that existing community as well as the description, rules, and images you set up earlier!

Congratulations!

You now have your own Hive front end for the grand total of the cost of the domain and the $5 a month for the Linode server, or whatever server you want to use, as long as it is IPv4 enabled!

Thanks to the @spknetwork for making this happen!

Screen Shot 2022-07-05 at 1.05.16 PM.png

Be Cool, Be Real, and always Abide!

Support The Logical DAO

If you want to support the efforts of The Logical Dude and his projects that come out of The Logical Labs, you can support by purchasing a special NFT directly from the site using pHBD on Polygon! These funds are used to fuel the income engine in The Logical DAO

https://thelogicaldude.com/nfts
https://thelogicaldude.com/dao

The Logical Labs Projects

https://hivelist.io - Classifieds, NFTs, DEFI Pool, Online Retail
https://HiveHustlers.com - Community for Entrepreneurs and All Around Hustlers
https://coin-logic.com - Live crypto market data, news, and research
https://blocktunes.net - Music NFTs, DAO, Downloads, and more
https://groovelogic.audio - DJ/Producer/Sound Engineer music and services
https://weedcash.org - The Highest Form of Social Media

Video Channels

View my channel on 3speak.tv! Video platfrom for a free speech society!
https://3speak.tv/user/thelogicaldude

But if you must... here is the YouTube channel link:
https://www.youtube.com/channel/UCtGApfTp4ZzLHksDdImJ9JA

Other Ways To Support

If you like what I am doing, please consider voting for my Hive Engine witness with your staked WORKERBEE!

https://tribaldex.com/witnesses

Get started playing Splinterlands, the top blockchain game in the world, today!
https://splinterlands.com?ref=thelogicaldude

thelogicaldudeprojects.png

Sort:  

Wow @thelogicaldude, this guide is really fantastic, well done and very detailed, we sure need more community front ends, thanks a lot for sharing and stay awesome.



Made in Canva

!ALIVE
!CTP

- @flaxz - Admin/Moderator


This post is AWESOME!
It will therefore be highlighted in our daily Curated Collections posting for today.
The goal of this project is to "highlight Awesome Content, and growing the Hive ecosystem by rewarding it".

Source

Thanks! Hope people will use it and start to boost their businesses on the blockchain!

Maybe it can be used for tribe interfaces too with some adjustment, I know Ecency is quite solid to use, and Outposts is not, even Nitrous works a lot better these days than Outposts, keep up the good work.



Made in Canva

- @flaxz - Admin/Moderator

@thelogicaldude! You Are Alive so I just staked 0.1 $ALIVE to your account on behalf of @thisisawesome. (18/20)

The tip has been paid for by the We Are Alive Tribe through the earnings on @alive.chat, feel free to swing by our daily chat any time you want.

Well explained and detailed guide. Really love the info here

Posted using LeoFinance Mobile

Great guide! Thank you

Posted Using LeoFinance Beta

WOW ... this is amazing ... a walkthrough to one's very own Hive front-end ... a walk-through that even someone that isn't code-heavy can follow!

This is great I have to use this.

Excellent post. Thanks for sharing.
In a few weeks I'll open a community a Sustainable and Innovative Business. I will follow this guide you shared.

Thank you!

Thanks for a very good guide. I may need this in the future.

Posted Using LeoFinance Beta

What an incredible guide. I'm not much given to programming, but your way of explaining, makes me believe it's easier than i think jejej.

The utilities that i see are many and the most important thing is to reach more people and make them feel comfortable in the incredible world of Hive.

!PIZZA
!LOLZ
!gif amazing

It's really easier than you think. The hardest part is the initial server setup. The rest is really straight forward. If you get one of the Privex webboxes, allot of that is already done according to the original guide, but their cheaper option was out of stock so I set it up from scratch.

What’s a squirrel’s favorite kind of joke?
Acorny one.

Credit: reddit
@thelogicaldude, I sent you an $LOLZ on behalf of @flquin
Use the !LOL or !LOLZ command to share a joke and an $LOLZ
(1/1)

WOW, Great guide @thelogicaldude !!!

!Pizza n !LUV all the way. :D

Thanks man! Hope you are doing good!

I am doing ok-ish for sure. :D

Hey I'll take okay-ish, lol.

Bawhahahaahahah

Such a great post and guide!
Thank you for your effort and for sharing this. This goes to bookmarks for later use.

Posted Using LeoFinance Beta

so am I getting this right that with this approach it only costs ~$5 plus a bit monthly fee as opposed to the thousands of $$$ that one would have to spend with the Hive-Engine approach?

well done!

@tipu curate

Yep, $5 a month for the server and the cost of the domain, so in essence startup cost is $25 with the $5 monthly to host.

untitled.gif

wow! I'll just tag @aggroed here to make him aware of this development as I really think the best way forward is low entry cost to web3

I'm pretty sure he doesn't care at this point. But it will do a dent in their business once the ability to make community tokens comes along. I hear that may be a thing from the SPK network discord, so we will see!

Hive-Engine has paved the way, but yes, the costs associated are too extreme for most people, but they do have people they employ and servers to run as well, so I get the need to charge for the services they provide, but 5000 BEE to start a tokenized community is a bit extreme, even at these prices. Then 1000 BEE for this and 1000 BEE for that, it begins to add up.

I also get where the costs associated can make it harder for tourists to just come in and experiment. Makes them really think about the community they are trying to build. But yeah... There are better ways and I think we have found that way! When we can get NFTs going on these communities, that will be game though, lol.

well I think competition is really great for these kind of things, especially for the users. SO well done in making it cheaper, perhaps the Hive-engine way is although still easier.

I take can't take credit for the framework, I just got it setup for my own community and wanted to clarify some things that weren't in the original guide.

And yes, Hive Engine has done a great job at making it easy to create a front end, just costly. But, you do get a community token and the option for an NFT marketplace, so there is that.

I will be real interested to see how these breakout communities work with tokens in the future.

This is actully super cool and a great way to build out communities on Hive. Is it easy enough later to integrate your own token to it?

Posted Using LeoFinance Beta

I hear that will be the case, but I am not the one to ask on that.

Thoroughly and impressively written explanation. I usually get lost in tecno-babble but I was able to follow this. 😁👍👍
!hivebits and !LUV

Great post. I'm getting ideas already.

I was following the steps until the server set up which seemed a bit technical for me . I do have some WordPress and Cpanel experience which might count.

But if I need help I know whom to reach out to😁

Quick question will people be able to sign up to Hive from a breakaway community and vote as well?

It's basically a customized @ecency front end so yes. The signup takes you to signup.hive.io. And yes you can vote.

Awesome! What will be great is if an app could be integrated with Hive as Im thinking of a project that would be more suitable for mobile uploads.

Ecency has an app so would it be possible?

Special thanks to @ecency for creating this pretty and open source design language for Hive front-ends

I've bookmarked this post for those who know in the future, very well explained.

This could be of huge help for the people interested in having their own thing around here.
!HBIT
!LUV

Yep and allot cheaper than the other options, lol. I paid out THOUSANDS between @hivelist and @hivehustlers

Success! You mined .9 HBIT & the user you replied to received .1 HBIT on your behalf. mine | wallet | market | tools | discord | subscribe | <>< daily

Vote to name the smallest HBIT unit.

BOOM1.jpg

toruk_washere_new3leo.jpg

Read how this all have started with Toruk

Posted Using LeoFinance Beta

So this is what was what the Break away community they spoke about in the CTT. Thank you for your comprehensive guide. Awesome!

Posted Using LeoFinance Beta

Very much detailed description. Really helpful and easy to understand. Thanks for sharing

This is amazing I hope I can wrap my brain around this. I have step 1 and 3 done lol

Yeah, it's not that difficult once you get the server setup. The original guide used the Privex webbox that has that setup, but their $5 option is sold out and why pay double when I can just take a few minutes and do the setup on a different server.

Wow! getting better and better! ^_^
Congrats!






The rewards earned on this comment will go directly to the people( @hive-blockchain ) sharing the post on Twitter as long as they are registered with @poshtoken. Sign up at https://hiveposh.com.

PIZZA! PIZZA!

PIZZA Holders sent $PIZZA tips in this post's comments:
flquin tipped thelogicaldude (x1)
@vimukthi(1/5) tipped @thelogicaldude (x1)

You can now send $PIZZA tips in Discord via tip.cc!

This is a great tutorial. We need to market this to various content creators. This guy is one such candidate:

Surely there will be thousands like this with decent enough followings that could be a part of HIVE and @spknetwork
!PIZZA
!LUV

Posted Using LeoFinance Beta

great work I will help a lot of users in setting it up

Dear @thelogicaldude, we need your help!

The Hivebuzz proposal already got important support from the community. However, it lost its funding a few days ago when the HBD stabilizer proposal rose above it.

May we ask you to support it so our team can continue its work?
You can do it on Peakd, Ecency,

Hive.blog / https://wallet.hive.blog/proposals
or using HiveSigner.
https://peakd.com/me/proposals/199

All votes are helpful and yours will be much appreciated.
Thank you!