放課後ゆる電波スタジオ 公式ウェブサイト

担当

設計・実装・運用

URL

https://www.yuruden.net/

「放課後ゆる電波スタジオ」の公式ウェブサイト。News・Events・Discography の各コンテンツを、指定フォルダに Markdown ファイルを追加するだけで更新できる「Markdown CMS」方式で設計しました。非エンジニアのメンバーでも frontmatter 付きの Markdown を書くだけで記事を公開でき、運用コストを最小化しています。本ポートフォリオサイトのデザインの基にもなっています。

技術スタック

Next.js (App Router) / TypeScript / Tailwind CSS v4 / AWS Amplify

制作のポイント

• Markdown + frontmatter によるファイルベース CMS の設計(News / Events / Discography)
• ファイル名がそのまま URL になる規約設計で、記事追加を「ファイルを置くだけ」に簡素化
• OGP・メタデータ対応(SNS シェア時のカード表示)
• Swiper 等を用いたシンプルでモダンな UI / レスポンシブデザイン
• AWS Amplify によるホスティングと自動デプロイ