line風サイトの見た目だけですが作ってみました。
NEXTjs,Typescript,Tailwindcss,firestorageを使い開発し、jsonserverを使ってデータを取得登録を実装しました。
vercelにデプロイしました。
デプロイするときにjsonserverは使えないので手入力で定義した定数を読み込んでいます。
firestorageは画像を保存するために使い、ユーザー情報を登録した際に、トップ・背景画像を選択してもらいsubmitした時にfile名の前に現在日付時間をつけて登録します。
スマホでの画面しか作れておらずレスポンシブ対応ができていないのでそこも含め、手直し実装しなければいけないところが多々あるので少しずつ編集していければと思います。
nextjsでline風sns画面制作
js
コメント