mofmof-inc https://blog.hatena.ne.jp/mofmof-inc/ もふもふ技術部 https://www.mof-mof.co.jp/tech-blog/ TypeScript Next.js Recoil vercel firebase firestore バックエンドはRuby on Railsを主に使っていますがフロントエンドはフレームワークをあまりつかっていないことに気づいたので試してみる 環境構築 TypeScriptを導入する tsconfig.jsonを作成する Firebaseでユーザーをいい感じに認証させる ユーザー認証 Recoilを使って状態保持を行う next 9.5.5 react 17.0.1 recoil ^0.0.13 typescript ^4.0.5 firebase ^8.0.0 環境構築 Next.jsには Rails new のように雛形となるプロジェクトをコマンド経由で作成できるので、雛形となるプロジェク… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.mof-mof.co.jp%2Ftech-blog%2Fnextjs-firebase-ts-recoil-vercel-part1" title=" Next.js を使ってみる（TypeScript + firebase + Recoil + vercel) その1 - もふもふ技術部" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/m/mofmof-inc/20240110/20240110172614.png Hatena Blog https://hatena.blog 2020-11-05 18:45:00 rich https://www.mof-mof.co.jp/tech-blog/nextjs-firebase-ts-recoil-vercel-part1 1.0 100%