【Next.js】好きな本10選のリストを作成し画像をSNSでシェアするWebアプリ作りました

作ったもの

「趣味は読書です」というＷebアプリを作りました。

紹介動画：https://youtu.be/rAQD_ACqfjs

URL：https://www.tennovels.com/lists/SANyAYlpvw0Y2KFM3RIX

Twitter アカウント：＠10novels

アプリ概要

好きな本10選のリストを作成しオリジナル画像をSNSでシェアするWebアプリを作りました。

#名刺代わりの小説10選 ツイートを簡単に作成することができます。

西の魔女が死んだ/梨木香歩
かがみの孤城/辻村深月
人間失格改版/太宰治
月の影、影の海（上）　十二国記/小野不由美
流浪の月/凪良ゆう
新編銀河鉄道の夜改版/宮沢賢治
容疑者Xの献身/東野圭吾
…#趣味は読書です@10novels より https://t.co/x8zxHxK6u1

— 趣味は読書です (@10novels) November 27, 2021

上のツイートのようなブックリストを作成しTwitterで画像をシェアすることができます。

タイトルと著者名は自動で記載されます。

文字数オーバーの場合は…と記載されます。

使用技術

• Next/React
• Firebase (Firestore, Functions, Storage)
• Material UI
• Vercel
• Algolia
• Rakuten Total Books API