This project is a full-stack todo application built using Cursor. It's the result of following a based af tutorial by Mckay Wrigley at www.jointakeoff.com, showcasing an AI setup and a full-stack implementation.
- AI-assisted development process
- Full-stack implementation with Next.js
- Authentication and user management
- Database integration
- Stripe payment processing
- IDE: Cursor
- AI Tools: V0, Perplexity
- Frontend: Next.js, Tailwind, Shadcn, Framer Motion
- Backend: PostgreSQL, Supabase, Drizzle, Server Actions
- Auth: Clerk
- Payments: Stripe
- Clone the repository
- Install dependencies:
npm install
- Set up environment variables (see below)
- Run the development server:
npm run dev
- Open http://localhost:3000 with your browser to see the result.
Create a .env.local file in the root directory and add the following variables:
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=
To dive deeper into the technologies used in this project, check out the following resources:
This project was built following the excellent tutorial by Mckay Wrigley at www.jointakeoff.com. Mckay is based af.