Installation
Last updated
Last updated
In this tutorial, we will configure our new website and deploy it to Vercel for free.
, , or
Github account
To configure your website, open it in your code editor and find config.ts. Here you can enable or disable anything, change the images or text.
To change rules or server description, navigate to the text directory. You should see 2 files: aboutus.mdx and rules.mdx. You can edit those to match your server.
To test how our website looks, you need to start it in dev mode. To start it in dev mode, you need Node.js. If you have Node.js installed, we can continue. Firstly, let's install dependencies by executing npm i
into the terminal. After all dependencies are installed, we can execute npm run dev
. This will start the website on port 3000, so your website will be available at localhost:3000.
I'm using GitKraken, but I will show you the example on the GitHub Desktop since it's free and easier. Let's open the GitHub Desktop and log in (if it prompts us to do so).
Click on the repository name. In my case, it's "cars".
Click "add" and "Create a new repository..."
Now you should see a modal that you need to fill out. Put the Name as anything you want, description is optional, remember to set Local path to something you remember since you will be moving the website files into the folder. No need to set Git ignore and License.
After the committing is completed, click on Publish repository. Set the name to anything and MAKE SURE YOU HAVE CHECKED "Keep this code private". Our work published publicly will be taken down.
Click the Add new button and select Project.
Find your GitHub repository and click Deploy. That's it, you can also set a custom domain. Now, when you edit your config and push to GitHub, it will be automatically deployed.
When you move all your web files to your new repository, you should see some changes in the GitHub Desktop. Write a Summary and press the Commit to main button.
Go to and log in. You should see something like this.