Mckay's App Template

This is a full-stack app template for courses on Takeoff.

Template Link: https://github.com/mckaywrigley/mckays-app-template

We will be building a production grade customer support app in a course this month!

We'll also be doing a deep dive into AI Agents in a separate "AI Agents" course.

Expect both by the end of September.

Sponsors

If you are interested in sponsoring my repos, please contact me at [email protected].

Or sponsor me directly on GitHub Sponsors.

Tech Stack

• IDE: Cursor
• AI Tools: V0, Perplexity
• 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 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.

Environment 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_PORTAL_LINK=
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