Vibe Coding with Cursor Course

Course Assets / Contact Me

Course Notes

Discord

My Email: shawnesquivel24@gmail.com

My Linkedin: https://www.linkedin.com/in/shawnesquivel

Udemy Course

Use Cursor to Vibe Code Full Stack Apps (MCP, NextJS, Supabase)

Course + Discount Code

Demo

Project.Demo.Fast.mp4

Vibe Coding Workflow

Setup Guide (10min)

Project Setup

1. Fork the course repository on GitHub here

2. Clone the repository

git clone HTTPS_URL

1. Populate ANTHROPIC_API_KEY and OPENAI_API_KEY.

• In the root directory, rename .env.example and rename as .env

2. Get your OPENAI_API_KEY

• Populate supabase/functions/.env

3. Setup Task Master in MCP settings Task Master AI

4. Go through the Task Master Setup above.

Backend Setup

1. Download Docker according to your system Docker

2. Download the Supabase CLI Supabase CLI Install

3. Add OpenAI Keys: In the supabase folder, rename supabase/functions/.env.example and rename as .env Get OpenAI Keys

4. Start Supabase

npx supabase start

Note: If you change your supabase/functions/.env file locally, then you'll need to restart npx supabase stop && npx supabase start

5. Update your NextJS app .env.local file

NEXT_PUBLIC_SUPABASE_URL=http://127.0.0.1:54321
NEXT_PUBLIC_SUPABASE_ANON_KEY=ey...

6. Serve Functions Locally

npx supabase functions serve --import-map ./supabase/functions/import_map.json

7. Call the hello-world edge function.

  curl -i --location --request POST 'http://127.0.0.1:54321/functions/v1/hello-world' \
    --header 'Authorization: Bearer SUPABASE_ANON_KEY' \
    --header 'Content-Type: application/json' \
    --data '{"name":"Functions"}'

Instructions

• Rename .env.example to .env in supabase/functions/.env and add your OPENAI_API_KEY