Mckay's App Template

This is a full-stack app template that I use to build my own apps.

To learn how to use this template with the best AI tools & workflows, check out my workshops on Takeoff!

Tech Stack

• Frontend: Next.js, Tailwind, Shadcn, Framer Motion
• Backend: PostgreSQL, Supabase, Drizzle, Server Actions
• Auth: Clerk
• Payments: Stripe

Prerequisites

You will need accounts for the following services.

They all have free plans that you can use to get started.

• 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.

Environment Variables

# DB
DATABASE_URL=
# Access Supabase Studio here: http://127.0.0.1:54323/project/default

# Clerk
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/login # do not change
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/signup # do not change

# Stripe
STRIPE_SECRET_KEY=
STRIPE_WEBHOOK_SECRET=
NEXT_PUBLIC_STRIPE_PAYMENT_LINK_YEARLY=
NEXT_PUBLIC_STRIPE_PAYMENT_LINK_MONTHLY=

Setup

1. Clone the repository
2. Copy .env.example to .env.local and fill in the environment variables from above
3. Run npm install to install dependencies
4. Run npm run dev to run the app locally