ソフトメディア研究会 公式ウェブサイト
- 担当
- 設計・実装・運用
- URL
- https://softmedia.sakura.ne.jp/
千葉工業大学文化会所属「ソフトメディア研究会」の公式ウェブサイト。Next.js (App Router) + TypeScript + Tailwind CSS のフロントエンドと、PHP / MySQL による自作 CMS を組み合わせたハイブリッド構成で、さくらインターネット上で運用しています。記事の作成・公開は CMS の管理画面から行え、GitHub Actions による自動デプロイ・自動バックアップまで含めた運用基盤を整備しました。
技術スタック
Next.js (App Router) / TypeScript / Tailwind CSS v4 / PHP / MySQL / GitHub Actions
制作のポイント
- Next.js 静的エクスポートと PHP/MySQL 自作 CMS を共存させたハイブリッド構成の設計
- GitHub Actions から rsync で さくらインターネットへ自動デプロイする CI/CD の構築
- 日次差分・月次フルの自動バックアップと Discord への通知連携(デプロイ/バックアップ/CMS ログイン)
- remark / rehype による Markdown 記事パイプライン(GFM・サニタイズ対応)
- セットアップ・CMS 利用法・デプロイ・バックアップ等のドキュメントを整備し、サークル内で引き継ぎ可能な運用体制を構築