Tailwind Logo

Haramizu.com のサイトをリニューアルしました

Next.js関連技術

公開日: 2023-06-02

しばらくサイトの更新をしていませんでしたが、コンテンツのボリュームも増えたり古い記事がそのままになっていたりと問題があったので、リニューアルをして見ました。

リニューアルのコンセプト

以前はテンプレートを利用してサイトを運用していましたが、Next.js をがっつり使ってみて開発をきちんと理解したほうがいいと思いまして、以下のようなコンセプトでリニューアルをしました。

  • Next.js を利用して作成をする
  • スタイルシートに関しては Tailwind.css を採用
  • Vercel にサイトをホスティング

上記の部分、ほんとど以前と変わらないのですが、Next.js のプレーンな環境から作り直したというのがポイントです。まだ目的としている機能がすべて実装できているわけではありませんが、とりあえずブログを公開するにあたって必要な機能は一通り実装しました。

  • いくつかのコンテンツはこのブログに移行しています(完了)
  • ページのデザインは確定ではありません、随時改善していきます
  • 移行できていないコンテンツは、 https://archive.haramizu.com にて公開中
    • 7月7日に全てのコンテンツの移行が終わったため、上記のドメインはリダイレクトをしてこのブログに飛びます

以下の機能はまだ実装できていません

  • 検索
  • YouTube 動画の埋め込み(完了
  • 各タグのページ(完了
  • ニュースレターの購読( Moosend 連携)

サンプルコードは共有することはできませんが、ここで培ったノウハウを利用して、今後の技術情報の提供ができると考えています。

更新履歴

  • 6月5日 YouTube の動画をページに埋め込みする部分を変更しました。サンプル
  • 6月14日 製品ページ、技術情報ページでタグ付けされているコンテンツのみ表示ができました。サンプル
  • 7月7日 全てのコンテンツの移行が終わりました

関連タグ