Loading...
Feed
Map
Magazine
Dao
Ranking
Chat
How to Fork Skatehive 🛹
31.20 USD
We are going to make this tutorial to anyone that wants to create his own skatehive powered portal like https://skatehive.app
You are going to have to install some stuff in your machine to get your development enviroment ready.
The code is still a little messy but I invite you to be part of this learning journey with us. This doc will always be updated at: https://docs.skatehive.app/docs/tutorial-extras/fork-skatehive
yarn
yarn dev
Download and install Git in your local machine. That will enable you to execute git commands in your terminal, like git clone
and other wizardlies
Download Git Learn More about git and its instalation
Just sign up
In order to make the process more smooth we are going to set up an SSH connection by generating SSH keys.
Open you terminal
Type the following command
use the same email you used to create the github account
ssh-keygen -t ed25519 -C "your_email@example.com"
This creates a new SSH key, using the provided email as a label.
eval "$(ssh-agent -s)"
For Mac users:
pbcopy < ~/.ssh/id_ed25519.pub
For Windows users:
clip < ~/.ssh/id_ed25519.pub
and give it a Title and paste the contet in Key
This will create your own version of the repo in your account:
Ok, now you are going to clone the repository of files into your machine, which is basically download the app:
git clone git@github.com:<your-username>/<your-fork>.git
Now navigate to the cloned repository by:
cd <your-fork>
In this case,
cd skateapp
For the next step we are going to need to install some more programs in your machine to complete your enviroment and finally install and run the application.
Nothing fancy here, just install and make sure you leave the add to path
option marked.
If you got Nodejs, npm, yarn and weed/coffee you can now install and and run it on your local machine.
In the repository folder
yarn
Note: This command will automatically install all the required JavaScript packages and dependencies for your project, as specified in the package.json file. Yarn will download and configure everything needed to run your Skatehive portal. This step ensures that you have all the necessary libraries and tools in your development environment to build and run the application.
You should see that when its over:
If you get an error in any step you can throw it in chat-gpt or ask us in skatehive discord and see which one helps you faster
Rename .env.example and choose the hive community you want to get/upload content from/to. For example, if you use hive-173115 you get skatehive, if you use hive-141964 in community field you get surfhive
Now run the application you just installed:
yarn dev
Now open https://localhost:5173 and you are going to see the same app as https://skatehive.app
That means that you are running the app using your own computer as a server through the port 5173
You can now try to edit your code in a code editor, I recommend VSCode, but my Jedi Master recommends JetBrains
I usually use code .
command in the terminal folder to easily open the folder I am working in VScode
Make a silly change, like change the footer of it.
This project is built with TypeScript and incorporates Chakra UI for the frontend. For Hive-related tasks, we rely on the Keychain SDK and dhive libraries. Additionally, to facilitate interactions with Ethereum, Bitcoin, and various other blockchains, we leverage the capabilities of Pioneer-React.
Stage Changes:
git add .
to prepare your changes for commit.
Commit Changes:
git commit -m "Changed header color".
Commit with a message
Push to GitHub:
git push origin main
Push your changes
Now you can go to your github account and check if the it was updated
Make an account with your github account
Install Github Extension it offers
Select the repository
Click in Deploy
You should see something like this:
You can navigate now to:
https://
and see your own hive community.
Congrats! That's so cool, you put a permissionless website online! Go show your mama, say that I miss her.
This is the end of the tutorial uploaded to https://docs.skatehive.app
I made that to encourage other members like @thejajasper, @beaglexv, @webgnar, @boeltermc that are also begineers like me and are already running their own forks and learning with me how to make skatehive.app the coolest hive front end.
This post was made in skatehive.app
Here are a few things you can do
Join Skatehive Discord and connect with the community
Find Skatehive On
This post was made with https://skatehive.app
9/29/2023
Nothing yet