I’ve made a major update to sk0.info!

Next.js: From Pages Router to App Router

This time, I decided to rewrite everything instead of migrating, because everything was kind of messed up. Thanks to the abundance of documentation and sample code which I feel has improved since the debut of the App Router, it wasn't too difficult to relearn and implement things. The App Router requires you to separate client-side components, which contrary to my expectation I liked because it denotes how each component behaves and helps me understand how things work.

Top Page Implementation & Design

Previously, sk0.info functioned as a blog. With this update, it now serves as my portfolio. The blog has been moved to sk0.info/blog.

I put much effort into both the implementation and design of the top page. I hope you find it cool!

Overall Redesign of the Blog

While maintaining some of the original layout, color scheme, and other elements, I attempted to polish the design further. For example, the main theme color used to be somewhat muted, so I made it more vibrant this time. I also wasn't happy with how the previous dark mode looked like, but I think it's much better now.

The old CSS derived from what I wrote around 2018 (when I was using Hugo for this blog), and was pretty chaotic, with little use of CSS Modules. This time, I've used CSS Modules as much as possible to keep things organized.

Plans Moving Forward

Now that I think I've done most of the main features of this website at the moment, it's time to add actual content! Currently I have ideas for two EPs, and am working on more than a few development projects. I also plan to write articles about SunVox and make public some of my SunVox resources and projects, which have been postponed long enough but I'm slowly preparing.

---

sk0.infoを大規模リニューアルしました！

Next.js: Pages RouterからApp Routerへ

元のソースコードがかなり雑だったため移行ではなく一からの書き直しを選びましたが、ドキュメントやサンプルが充実してきたおかげで、学び直しや実装についてそこまでの苦労はありませんでした。はっきりクライアントサイドコンポーネントを分けるようになったことは、個人的には各コンポーネントの特徴の整理がつきやすくなってよかったように思います。

トップページの実装・デザイン

今まではsk0.info自体がブログになっていましたが、今回の更新でsk0.infoはポートフォリオの役割を持つようになりました。ブログはsk0.info/blogです。

トップページの実装およびデザインは頑張って凝ってみました。

ブログの全体的なデザインの改修

元の配色などをある程度再現しつつ、もっと洗練されたデザインになるようにしました。例えばテーマ色がくすんでしたので、もっと鮮やかにしました。以前のダークモードの配色についても満足ではなかったのですが、これでだいぶ改善されたと思います。

以前のCSSは2018年頃 (Hugoでブログを組んでいました) から使ってきたものであり、CSS Modulesなどもほとんど使用しておらず混沌としていました。今回はCSS Modulesを可能な限り採用して見通しよくしています。

今後の予定

機能面は一通り実装できたと思います。まずはコンテンツを増やしていきたいですね。現在構想中のEPも2つほどあり、プログラミングのプロジェクトもいくつか進行中です。SunVox関連の記事執筆やリソース公開についても、長く先延ばしになっていましたが今後行うつもりであり、準備を進めています。