技術ブログ開設記念日

技術ブログ開設した。もっと早く始めればよかった。

最低週1ぐらいで投稿できたらいいかな

機能と技術スタックは以下↓ readmeから貼り付けただけ(githubではprojectをprivate modeにしているため見れません)

機能

• ブログ記事の一覧表示と詳細表示
• カテゴリー別記事の表示
• レスポンシブデザイン
• ダークモード対応
• スクロールベースのアニメーション
  • Intersection Observer APIによる要素の表示アニメーション
  • CSS Transitionsによるスムーズな遷移効果
• microCMSによるコンテンツ管理
• Cloudflare Pagesによる高速なホスティング
• プライバシーポリシーと利用規約
• SEO対策

技術スタック

• フレームワーク: Next.js 15 (App Router)
• 言語: TypeScript
• スタイリング: Tailwind CSS
• CMS: microCMS
• デプロイ: Cloudflare Pages
• アニメーション:
  • Intersection Observer API
  • CSS Transitions

その他の主要パッケージ:

• next-themes (ダークモード実装)
• @heroicons/react (アイコン)

主要なディレクトリとファイルの説明

app/

• Next.js 14以降のApp Routerを使用したメインディレクトリ
• ページコンポーネントとルーティング構造を定義
• ブログ記事の一覧や詳細ページを含む

components/

• 再利用可能なUIコンポーネントを格納
• ヘッダー、フッター、ブログカードなどのコンポーネント
• アプリケーション全体で使用される共通のUI要素

libs/

• microCMSなどの外部サービスとの連携コード
• ユーティリティ関数や共通ロジック
• APIクライアントの設定

public/

• 画像、robots.txt、sitemap.xmlなどの静的ファイル
• ブラウザから直接アクセス可能なリソース
• SEO関連ファイルの格納