西出正美です。有益なことや無益なことなどいろいろ書いています。

Next.jsでこのウェブサイトをリニューアルしました!✨

Next.jsでこのウェブサイトをリニューアルしました!✨

T3 Stackの6つの技術のうち、フロントエンド側の以下の3つの技術をフル活用しています。

  • TypeScript[参考文献]
    ほぼ全てTypeScriptで書いています。
  • Next.js
    SSGフレームワークに使用しています。
  • Tailwind CSS
    スタイルを書くのに使用しています。CSSもSCSSもstyled-componentsもどうしても必要な箇所を除けば使っていません。

また、リニューアル後も引き続きGitHub ActionsでCI/CDを継続しています。

今のところこのウェブサイトはNext.jsになる前には、

Hexo
🔽
Gatsby.js
🔽
Next.js

という偏移を経ています。

Hexoは純粋な時代の古き良きSSGでした。しかしパフォーマンスを追い求めると限界がありました。
Gatsby.jsは Blazing fast🔥 ではあったもののちょっとカスタマイズしようとするとすぐgatsby-pluginが必要になりました。
その点Next.jsは、何もかも自分でコントロールできるような確かな手触りを感じています。
それにNext.jsも十分速い。とにかくウェブサイトのなにをクリックしても速いです。普通の使い方をするならGatsby.jsと違いがわからないほど速いです。

Next.jsをもっと良く知るためにも、引き続きこのウェブサイトでいろいろなことをやってみようと思っています。

NISHIDEMASAMI.GITHUB.IO
NISHIDE, Masami

西出正美です。有益なことや無益なことなどいろいろ書いています。

©NISHIDE, Masami Some Rights Reserved