This is a wiki made for the rhythm game Sound Voltex. It is open-source on GitHub that I still work on and maintain. It was made mainly with Nextra and TailwindCSS. Similar to this website, it is a MDX reader that is easy to build upon and add to. This means every page is essentially an MDX, making it easy for people to add or edit things as needed.

It is still actively used and the main source for english information on Sound Voltex.

SDVX, or Sound Voltex is a Japanese game that is mainly play in Asian regions. Because of this, a lot of information on this is game is locked away behind wikis not in english or scattered out around the internet, often very old and outdated. This makes getting into the game very difficult and frustrating. I wanted to try and help alleviate this frustration by making a website that contains all important information about the game in one spot all in english.

This website is heavily inspired by iidx.org, a wiki made for Beatmania. Beatmania or IIDX is another Japanese game that is popular in Japan. (It's actually made by the same company that made SDVX!). iidx.org is a popular wiki amoung the community and is often used and referenced for helping new players figure out the game. Seeing this, I wanted to make something similar for SDVX.

iidx.org website

My friend told me about Nextra, which is a MDX renderer that has a built in docs theme. When I first found it, Nextra was on version 3. Originally, Nextra didn't have a bunch of features and the documentation was extremely lackluster in some locations. Despite this, I decided to go with Nextra as I wanted a simple and clear look which is what it offered. So on 2024-11-06 I create the GitHub and made my first commit.

Setup of Nextra was easy and quick. While I wouldn't say I'm a master with Next.js and React, it wasn't my first website I'd ever made. The main problems came when upgrading Nextra to v4 and getting TailwindCSS to work with Nextra.

Originally when I made the project, Nextra was on v3. By the time the website came out it updated to v4. In version 4, Next.js App Router was now exclusivly used. This means I had to convert my website to use the App Router from the Pages Router. This turned out to be a lot more difficult than expected, and mainly because of my inexperience with Next.js.

While Nextra gave instruction on how to upgrade, I found that it didn't seem to work with my setup and was causing a lot of errors. This caused me to just have to fully redo my Nextra instalation and move my already made MDX files. After this it was trying to setup TailwindCSS. TailwindCSS was not so bad for a setup but I was stuck on my classes just not applying. It didn't help that this was around the time TailwindCSS v4 just came out so a lot of information on it was still a bit out of date. I kept trying to do stuff for v3 of TailwindCSS which in turn did nothing.

The thing that fixed it was just remember to import global.css to my main layout.tsx page...

  import { Head } from 'nextra/components'
  import { getPageMap } from 'nextra/page-map'
  import 'nextra-theme-docs/style.css'
  import './globals.css' // remember to add this

Some of the biggest headaches are the simplest things.

Eventually, I got sdvx.org to the point where I felt like it could be released. While no where close to the point where it is now, it contained enough information where it wouldn't be useless. To host sdvx.org, I used Vercel. Since I was already coding it in Next.js and it's a rather lightweight site it was easy. While I have hosted other sites before, this was my first time buying and setting up a domain name. I used Vercel to buy the domain name sdvx.org and set it up.

Currently, I am still maintaining sdvx.org and plan to add more stuff to it eventually, but as of now I am pretty content with the spot it is in. Currently, it sits at around 2000~ google clicks and is used a good amount in the community. I hope that eventually, it will spread farther and people who are new to the game will be able to find it easily.