パーソナルハブサイト
複数の発信媒体を統合するハブサイト。Astro 6 + Tailwind CSS で構築。
#Astro
#React
#Tailwind CSS
#Web開発
#概要
ブログサイトが一向にインデックスされない(クロール済みなのに)ので、ドメインの信用がないのではないかと考え、信用性を高めるためのパーソナルハブサイトです。
技術ブログ、ポートフォリオ、日々のつぶやきなど、複数の発信媒体を統合し、ミニマルなタイムライン形式で表示します。
#主な機能
- 統合タイムライン: 複数のデータソース（ローカルMarkdown、外部ブログ、Zenn）を統合して日付順に表示
- Content Collections: 先日正式リリースされた
Astro 6を使用し、 Content Collections を使ってコンテンツを管理しています。(v6で安定版になったLive Content Collectionは未使用) - ミニマルなデザイン: 無駄な装飾はせず、シンプルなサイトに仕上げました。簡単なアニメーションや、ダークモードなどを実装しています。shadcnのCSSをそのまま使用しました。
#技術的なポイント
ビルド時にサブドメインのブログとZennの記事をRSSフィードから取得しています。
また、Github Actionsを用いて、ブログやZennのリポジトリにpushがあれば自動でデプロイが走るようにもしています。
詳細についてはZennに記事を投稿しています👇️
