前回に続き、学習記録アプリのチュートリアルの2回目です。今回は、学習記録データの格納に、BaaS（Backend as a Service）であるSupabaseを利用してみました。 コードは前回の記事をベースに変更していきます。 前回の記事はこちらです。 CSS＋UIツールとしては ...

Reactのチュートリアル記事です。 名刺アプリ Supabase連携 （後編）です。 本記事は、以下の記事をモチーフに作成した名刺アプリのチュートリアルです。 【2024年最新版】0からReactを勉強するならこのロードマップに従え！ - Qiita はじめにこんにちは@Sicut_study ...

Now that your project is ready, we need to connect your local code to your new database. On the left-hand menu of your Supabase dashboard, look for the gear icon ⚙️ (Project Settings) at the very ...

This idea isn’t brand new. Developers have been doing this kind of thing in one fashion or another for years (think of how some apps work offline). But this new-generation stack feels different, and ...

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.