note: this website is under construction / このサイトは現在制作中です

←トップに戻る

自分のサイトをNuxt + TailwindCSS + NetlifyCMSで作り直した件

2021年07月26日

これは割とウェブデザイナーあるあるなんですが、依頼とかやりすぎて自分のサイトに時間割けないんですよね

ただまぁこれは割とマズくね?ということで、最近の知見を集結して自分のサイトを作ってみました。

使用技術とか

タイトルにある通りNuxt.jsを中心に置いてそこにいろいろくっつけている構成です。
最近はSvelteなども試してたんですが、結局一番はNuxtだな~という感じです。

CMSにはNetlify CMSを使っています。
Contentfulは前回案件で使ったときにSDKの完成度の低さから採用は今後しないと決めていて、選択肢としては

  • Netlify CMS
  • MicroCMS

この2つでした。
MicroCMSは使ったことがなかったんですが面白そうだな~と思っていて、NetlifyCMSは使ったことがありました。

両者を天秤にかけた結果、ホストはNetlifyかGithubPages + Actionsでやろうと思っていたので、統一という意味を込めてNetlifyCMSを選びました(無料だし)

TailwindCSSは、完全に最近のマイブームです。
最近依頼で作ってたこちらのポートフォリオで使って、めちゃくちゃ使いやすいな~と思いました。
ResetCSSもいらないし。

Work illustrations by Storyset

© 2021 巳波みなと / Minato Minami