Source code for the Todo App from Section 2 of this Takeoff course.
Join today to get access to the full course.
If you are interested in sponsoring my repos, please contact me at ads@takeoffai.org.
Or sponsor me directly on GitHub Sponsors.
- IDE: Cursor
- AI Tools: V0, Perplexity
- Frontend: Next.js, Tailwind, Shadcn, Framer Motion
- Backend: PostgreSQL, Supabase, Drizzle, Server Actions
- Auth: Clerk
- Payments: Stripe
You will need accounts for the following services.
They all have free plans that you can use to get started.
- Create a Cursor account
- Create a GitHub account
- Create a Supabase account
- Create a Clerk account
- Create a Stripe account
- Create a Vercel account
You will likely not need paid plans unless you are building a business.
# DB (Supabase)
DATABASE_URL=
# Auth (Clerk)
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/login
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/signup
# Payments (Stripe)
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
NEXT_PUBLIC_STRIPE_PAYMENT_LINK_YEARLY=
NEXT_PUBLIC_STRIPE_PAYMENT_LINK_MONTHLY=- Clone the repository
- Copy
.env.exampleto.env.localand fill in the environment variables from above - Run
npm installto install dependencies - Run
npm run devto run the app locally