1. Home
  2. chevron_rightウェブサイトをNext.jsで作り直しました

ウェブサイトをNext.jsで作り直しました

  • today2022-05-28
  • update2022-05-28

こんにちは、ひらたけ です。

本日、私のウェブサイトを、 Nuxt.js で作っていたものから Next.js で作り直したものにリニューアルいたしました。
デザインなどは、一部細かい調整とはしていますが特に大きく変えていません。

ReactTypeScript の勉強のために進めていたのですが、コードの書き方が大きく異なりなかなか苦戦しました。

また、一応仕事でマークアップエンジニアをやっているので、勉強のため Emotion という CSS-in-JS のライブラリを試してみました。BEMとかSMACSSとか、VueのSFCとも書き方や扱いが異なり、慣れるまで大変だなというお気持ち。
JavaScript側の変数の値をCSS内で扱えるのは非常に便利ではあるものの、マークアップのコードとスタイリングのコードが混在してなんだかゴチャゴチャとしてしまうので、より良い記述方法を模索していく必要がありそう。

ソースコードは GitHub に置いてますが、かなりコードが汚い感じになってしまいました。
勉強中で慣れておらず、「とりあえず、まずは動くものを」という方針で進めていたので、時間を作って少しずつリファクタリングをしていきたいと思っています。
なにかお気づきの点がありましたら、 Issue などいただけますと助かります。

どうぞよろしくおねがいいたします。