Context
When we started building the frontend for https://skatehive.app/, one of the ideas was to make it open source and easy to replicate, so that other communities could use it as well. As time went by, skatehive frontend started to get more complex with things very specific to this community and making it harder to duplicate. So we decided to start over, with a basic community frontend, that can be easily replicated for free, and I mean totally free, including hosting.
The code for skatehive.app is opensource and available at https://github.com/SkateHive/nextskateapp.
MyCommunity frontend
This frontend is being built (it's mostly done) using NextJS, and can be deployed for free in just a few minutes.
All you need to do is:
- Fork the repo
- Open a free account with https://vercel.com/, link the fork
- Set the environment variables.
It can be done in 10 minutes. I know it might need a little knowledge to do this, but we will still make a very simple tutorial to make this process easy for anyone, even those with no programming skills. You can add your own domain, or Vercel will give you one for free using your-project.vercel.app.
The repo is located here:
https://github.com/bgrana75/mycommunity
And here you can see a couple of examples of it running in 2 different communities:
| Hive BR | Skatehive |
|---|---|
| https://www.hivebr.app/ | https://mycommunity-omega.vercel.app/ |
There is still work being done, as we try to adjust a few things. One of the problems we are still trying fix is the threads part in the home page as we weren't able to paginate. (Any help here is appreciated)
Short content is trending now on Hive with a few frontends implementing it, and the solution found to not create a Hive post for short content is to use the comments section of a post. But the only function on Hive API that returns comments paginated is database_api.list_comments, but this function only returns the comments sorted from older to newer and we needed to sort the comments from newer to older. Maybe I missed something here, but if I didn't, this is something that could be added to the API in the future?? @blocktrades
Some work is also needed to make the design more customizable too, even though we already separated in themes. The 2 examples above are using just a different theme file that is chosen in one environmental variable. New themes can be easily added.
We used @aioha for authentication, and it's really helpful. Thanks to @techcoderx
Feel free to test it, and give some feedback.
Here are some screenshots:
Ideas in development
- You can set it to be a business or a community, if you set it as a business a Store page appears in the menu. We are preparing it to be a e-commerce with Hive, HBD and BTC payments and use distriator as feedback/reviews/rewarding tool
Shout out to @xvlad, @vaipraonde, @devferri , @r4topunk , @web-gnar, @louzado and all the hive builders helping to build this frontend, skatehive, tools like aioha, v2v, distriator, hive keychain that enable the community to build on top of hive.
If you want to connect and code with us, feel free to join the voice chat on skatehive discord server: https://discord.gg/skateboard
Thanks for stopping by!
Hey! By the way, I'm running a witness node. So if you are not using all your votes, or maybe you are voting for a witness that is not online anymore, please consider voting for our witness. You can use these links to vote: