Published  | 3 min read

New Website 2019

New site, who dis?

A few weeks ago I started working on a new website. I only wanted to revive my blog and make some adjustments to the styling. I installed the latest Ghost version on my Uberspace and updated my self-made Ghost theme so it would work with the 2.0 version of Ghost. Everything was up and running but I wasn't quite happy with that setup to be honest.

I basically had two totally different sites, one for my own personal website and one for my blog. It was tiresome to make any changes on either site, especially on my blog because I had to update the whole theme and upload it to Ghost again. 😪

Anyway, at the end of last year I've started working on a new project at my work and we've decided to try out Gatsby.

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps.

I had so much fun using it (after getting used to JSX) so I decided to scrap everything and rebuild both sites into one site with Gatsby. I now have a scalable plus maintainable site and the whole thing just feels perfect. I haven't worked with the JAMstack before but I currently can't see myself working without one.


What's new?

  • The site is now hosted on Netlify and features continuous integration
  • The blog is now integrated in the website
  • A dedicated page for my created osu! beatmaps
  • A page for notes of things I've learned today (TIL)
  • A Lighthouse rating of 100 for performance and accessibility
  • Maybe some cool easter eggs?!? Actually no … not yet

Technologies

  • Gatsby (see above)
  • My own SCSS framework to kick-start the styling part
  • Twemoji because life's boring without emojis 🥳
  • Syntax highlighting for blog posts powered by Prism:
<main role="main" id="main">
  <section class="fancy-section">
    <h1>Fancy stuff!</h1>
    <p>Take a look at this sexy syntax highlighting.</p>
    <button>Nice</button>
  </section>
</main>

Todos

You know how it is, a project is never really done. Here are some things I want to implement in the following weeks:

  • A light theme Done!
  • CSS Modules Done!
  • Page transition within the main content
  • Tags for notes (when there's more of them)

And of course write more blog posts! Good thing that I already have a few planned. Also I'm motivated with this fancy new setup. 🙂

Feel free to send any feedback to @Nharox. 🐦