Next.js 13(App router) x ChakraUIでポートフォリオを作成しました！

こんばんは、ハルキメデスです。

今回、ポートフォリオをNext.js 13 (App router) x ChakraUI x Typescriptで作りました。

Harukimedes's Portfolio

どれもあまり今まで触ってきませんでしたが、流行りの技術だったので触ってみようと思い、それらを使ったもので作りました。

所感としては、やはりドキュメントが充実していたので、触ってこなかった割にスムーズに開発ができました。

一方で、App routerに関する記事はあまりなかった（これまでのものとディレクトリ構造が結構違う）ので、その点は苦労しました。

また、ChakraUIに関しても、個人的には微妙かな？（思ったほどいいもんでもない？）と思いました。というのも、コンポーネントをimportを毎度毎度するのも面倒くさいし、自由度が低いというのは感じました。これならTailwindCSSのほうがいいなと思いました。が、しかし、ChakraUIのほうがコードはきれいという面もあるし。。。

結論、TailswindCSS と ChakraUIに関しては「コードの綺麗さ」と「画面の自由度」がトレードオフになるんだなと思いましたとさ。。。