前置き 2022 年 3 月 3 日に LINE Developer コミュニティ 主催の下 React (Vite) × LIFF ハンズオンを実施いたしました。 教材は Zenn book を利用して書いています。 ハンズオンではビルドツール Vite を利用して LIFF アプリを製作しました。 この代わりに Next.js を利用して LIFF アプリを製作するために、何に対して注意するべきか書かせていただきます。 Next.js とは Next.js プロジェクトを作成する カスタマイズ ファイル構成 SDK をインストールする LINE ログイン Bot よりカスタムメッセージを返す Next.js とは まず Next.js は React をベースに開発されているフロントエンド・フレームワークです。 実際に Next.js を導入して得られるメリットは SSR や SSG