基本、上記のドキュメントの通りに進めれば接続は確認できた ただ、上記ではgetServerSidePropsを使ってsupabaseのAPIからデータを取得しているが、App routerの場合 import { supabase } from '@/libs/supabase'; const Home = async () => { const { data } = await supabase.from('countries').select(); console.log({ data }); return ( <main className="pt-40 grid place-content-center"> <div> <h1 className="text-2xl">Todo list</h1> <p>Some task yet</p> <ul className="my-10

「Reactをこれから改めて学ぶにはどの記事を参考にしたらいいか？」と聞かれることがあり、勢いで羅列した記事になります🔥 本記事自体にReactを学ぶための中身はなく、学んでいく上で参照すべき記事を独断と偏見でまとめたロードマップです。 すべての記事を読んだ上でマスターできるというよりは、より早くReactについて理解できる一助となれれば幸いって感じの記事です🙏 【@catnose99さんコメントからの追記】 じっくり学びたい方は FreeCodeCampのReactチュートリアルもよさげです！英語ですが扱う内容がステップバイで幅広く初心者にやさしい内容です。無料です🔥 前提 関数、オブジェクト、配列、あるいはクラスといったプログラミングにおける概念について、馴染みがあること🎨(公式チュートリアルより) 手順 Step1. 公式のチュートリアルをやる Reactの公式サイトにあるチ