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.
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:
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?? 
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 
Feel free to test it, and give some feedback.
Shout out to 
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:
