【Next.js + GAS】研究室のホームページをスプレッドシートを使って動的に生成し運用した

自身の所属する研究室にまだウェブサイトがなく、活動が報告できるプラットフォームが増えればとなり作成・リリースした件について、実際のソースコードと共に仕様と実装方法についてまとめました。 今回の記事は、設計を考慮した実装方法～リリース、初期運用までを書くため長くなります。 結論 はじめに、この記事の結論となるサイト・リポジトリを提示します。 ホームページ GitHub 目的 達成したい内容 研究室のメンバーや論文誌等、またはニュースの更新を動的に行う スプレッドシートのように表で管理することでメンテナンス性を上げる ユーザビリティを高める この3点を重視したサイトを構築するため、タイトルの通り Next.js と Google Apps Script を利用しました。 利用した技術 Next.js Google Apps Script TypeScript・SCSS CSS(SCSS) は直