nixieeplus/supabase-manga-list-sample

技術書典11で頒布した書籍「Next.jsではじめるSupabase」のサンプルコードリポジトリ

Next.jsではじめるSupabase

技術書典11で頒布した書籍「Next.jsではじめるSupabase」のサンプルコードリポジトリです。 本書では、サンプルWebアプリを実装しながら、Supabaseでできることを一つひとつ学べるようになっています。
※技術の泉シリーズによる商業版のサンプルコードはこちらです。

購入はこちらから

• 技術書典オンラインマーケット
• BOOTH

作成するサンプルアプリ

実際に本書で作成するサンプルアプリは以下のURLで公開しています。

https://techbookfest11.nixiee.plus

アプリの概要

所有している漫画を一覧できるWebアプリです。 楽天ブックス書籍検索APIやopenBDを使用し、簡単に書籍を登録できます。

サンプルアプリの使い方

• アカウントを作成し、ログイン
  • メールアドレス、マジックリンク、GitHubアカウントによるログインをサポート
• 「ADD NEW」をクリックし、追加した漫画のタイトル・著者を入力して「Add」
• 登録した漫画をクリックした後、「ADD NEW」をクリックし、各巻の情報を登録
  • "Volume"に巻数、"ISBN"にISBN(国際的な書籍の識別子)を入力
  • ISBNは漫画タイトルにより検索可能
  • "Possession"にチェックを入れると所持している状態になり、サムネイルがカラー表示されます

使用している主なパッケージ

• Next.js
• TypeScript
• TailwindCSS
• Supabase
• Supabase UI
• Headless UI

タグについて

本書では、開発段階のサンプルコードを実行できるように、書籍の節ごとにタグを付与しています。 Releasesページからご確認下さい。

本書に関するご意見・ご感想・ご指摘

以下のいずれかの方法でご連絡いただけると幸いです。

• Twitter
  • 著者へメンション(りーべ・ぽぬう)
  • ハッシュタグ #supabase_nixieeを付けてツイート
• GitHub
  • Issuesに投稿

正誤表

本書に関する修正についてもこちらのリポジトリにて掲載いたします。

正誤表はこちら