Laravel + Vue + Web Components + Heroku で作った写真共有サービスを
Next.js + Vercel + Firebase でリプレイスするまでに
やったことや詰まったところを解説します

筆者は Next.js を触ったことがないので、同じような人の助けになればと良いなと思い本を書きました
「ここの解説などがほしい」などありましたら、Twitter で連絡をいただければと思います

下記スクラップを清書しつつ加筆した内容となっています
<a href="https://zenn.dev/tiwu_dev/scraps/fbbb0e4342ca5805986a" target="_blank" rel="nofollow noopener noreferrer">https://zenn.dev/tiwu_dev/scraps/fbbb0e4342ca5805986a</a>

実際にリプレイスしたサービス
<a href="https://holy-place-photo.com" target="_blank" rel="nofollow noopener noreferrer">https://holy-place-photo.com</a>

Laravel + Vue + Web Components + Heroku で作った写真共有サービスを
Next.js + Vercel + Firebase でリプレイスするまでに
やったことや詰まったところを解説します

筆者は Next.js を触ったことがないので、同じような人の助けになればと良いなと思い本を書きました
「ここの解説などがほしい」などありましたら、Twitter で連絡をいただければと思います

下記スクラップを清書しつつ加筆した内容となっています
https://zenn.dev/tiwu_dev/scraps/fbbb0e4342ca5805986a

実際にリプレイスしたサービス
https://holy-place-photo.com

Laravel + Vue で作った写真共有サービスを Next.js 初心者が Next.js でリプレイスする

初めに

Next.js の勉強

リプレイスの構成

プロジェクトの作成

環境変数

Google Map の操作

Firebase Auth でのユーザー認証

画像のプレビュー、圧縮と Firebase Storage へのアップロード

Google Analytics 連携

Sitemap の作成

データの移行

独自ドメイン&Search Console 登録

終わりに

firebase

nextjs

vercel

Wataru Taguchi