React Native + Next.jsはいいぞ！（ほぼ）1人でショートドラマのWeb/モバイルアプリを爆速開発した話

ARANK

こんにちは！テラーノベルでiOS/Android/Webとフロントエンド周りを担当している @kazutoyoです！3月に縦型のショートドラマサービス「テラードラマ」を公開しました！ Nativeで開発しています。今回はそのテラードラマにおける、React NativeとNext.jsの活用についてお話します。なぜReact Native + Next.jsを選択したか今回のテラードラマは、モバイルアプリ（iOS/Android)とWebで展開し、機能的にもほぼ同等で提供する必要がありました。開発するエンジニアも少人数のため、基本的にはクロスプラットフォームで開発ができることが望ましかったです。さらに、Webに関してはSEOなども意識して、各ページをサーバーサイドレンダリングする必要がありました。これらの要件を満たす技術スタックとして、React Nativeで開発し、WebをNext.jsでサーバーサイドレンダリングを行うというのが最も良い選択肢だと考えました。技術スタックと構成プロジェクト構成は、次のようなMonorepo構成となっています。packages/app/ 以下にWebとモバイルアプリで表示する画面を実装し、それをReact Native (apps/expo)とNext.js(apps/next)のスクリーンからimportすることで、実装を共通化して…