Mckay's App Template

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

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
• Analytics: PostHog

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 PostHog 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=

# Analytics (PostHog)
NEXT_PUBLIC_POSTHOG_KEY=
NEXT_PUBLIC_POSTHOG_HOST=

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