My old website looked absolutely terrible.
On top of that, I was using a third party blogging service called Hashnode. Hashnode let you write custom CSS to style your blog, but they would constantly change the structure and classnames for their website, rendering the custom CSS feature completely useless.
I decided that going forward I would need to just make everything. I wanted full control of how these blogs look.
Now I can do stuff like this:
Complete this step first.
Then complete this step.
Woah! Where is this coming from?
<Steps>
<Step title="Step one: blah blah blah.">
Complete this step first.
</Step>
<Step title="Second step: blah blah blah">
Then complete this step.
</Step>
</Steps>Right from the markdown (MDX) editor in my admin panel of course!
...Which looks like this:
The best part is that all of this is still using NextJS SSR, bundled with mdx-bundler.
Annd all of this is part of a bigger admin panel/editor with a live preview!
Originally, I was thinking of just writing my blog posts in something like Obsidian and just uploading the markdown and displaying it that way.
Instead, I decided to just go all the way and make my own content management system.
All the posts are stored in Firebase Datastore, and all the images/media are stored in Firebase Storage. I even have a media browser built right into the editor!
For other little fun facts and easter eggs - try clicking the spinning cube on the navbar six times.