Build in a weekendScale to millions

1import { createClient } from '@supabase/supabase-js'
2import { useState, useEffect } from 'react'
3
4const supabase = createClient(
5  process.env.NEXT_PUBLIC_SUPABASE_URL!,
6  process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
7)
8
9export default function TodoApp() {
10  const [todos, setTodos] = useState([])
11
12  useEffect(() => {
13    supabase
14      .from('todos')
15      .select('*')
16      .order('created_at', { ascending: false })
17      .then(({ data }) => setTodos(data))
18  }, [])
19
20  return (
21    <div className="p-6">
22      <h1 className="text-2xl font-bold mb-4">My Todos</h1>
23      <ul>
24        {todos.map(todo => (
25          <li key={todo.id} className="py-2 border-b">
26            {todo.title}
27          </li>
28        ))}
29      </ul>
30    </div>
31  )
32}