ポートフォリオサイトをNext.jsで作りました

今はまだポートフォリオとはとても呼べないですが、ブログ記事はちょこちょこ更新します。

近いうちに個人開発のwebサービスもリリースしていこうと思います。

はじめてNext.jsを使ったサイトを作りました。

Udemyでチュートリアル講座を1つ学んだ上で手をつけたのですが、勢いで作った割に、スタックするような場面はありませんでした。

やはり日本語の情報がたくさんあるのはありがたいです。

TailwindCSSは積極的に選ぶ理由がなく、素のNextjsで使えるCSS Modulesにしました。

cssも大したコード量にならないからいいかなと思いました。ただしすでにcssファイルがとっ散らかっています。

これからポートフォリオを拡張させていく中で、「やっぱTailwindCSSのが良かったじゃん」みたいなことになりそうです。

最近勢いがあるとよく目にするCloudflare Pagesを使ってサイトをホスティングしました。

ポートフォリオのドメインを用意するのにあたり、購入と管理を簡単にできるのもポイントです。

ただし、ドメイン購入の際に楽天カードで決済ができず、困っていろいろとググった結果、下記の記事にたどり着きました。

またxで検索すると、同様の症状の方は割といらっしゃって

といった情報がありました。

私の場合、paypalでも解決できず、もともと持っていた別のVISAデビットカードでようやく決済できました。

ローカルにmdファイルで管理しています。

mdファイルをjsxにパースするライブラリとしてはreact-markdownが有名だそうで、そのまま利用しました。

スタイリングはとりあえす、github-markdown-cssを使ってます。

個人的な不満点はまだまだあるので、1つずつ解決していこうと思います。

ではまた