Claude Code Everyone Course — Development skill for Claude Code

Claude Code for Product Managers - Documentation Website

This is the Nextra-based documentation website for the Claude Code for Product Managers Course.

Development

# Install dependencies
npm install

# Run development server
npm run dev

# Open http://localhost:3000

Building

# Build static site
npm run build

# The build output will be in the `out/` directory
# Pagefind will automatically index the content after build

Deployment to Vercel

Option 1: Connect via Vercel Dashboard

1. Go to vercel.com and sign in
2. Click "Add New Project"
3. Import the GitHub repository: carlvellotti/claude-code-pm-course
4. Set the Root Directory to website
5. Framework Preset: Next.js
6. Build Command: npm run build
7. Output Directory: out
8. Deploy!

Option 2: Deploy via Vercel CLI

# Install Vercel CLI
npm i -g vercel

# Deploy from the website directory
cd website
vercel

# For production
vercel --prod

Project Structure

website/
├── pages/               # All content pages (MDX)
│   ├── company-context/ # TaskFlow company info
│   ├── getting-started/ # Modules 0.0-0.2
│   ├── fundamentals/    # Modules 1.1-1.7
│   ├── advanced/        # Modules 2.1-2.3
│   ├── _app.jsx         # Next.js app wrapper
│   ├── _meta.ts         # Navigation config
│   ├── index.mdx        # Homepage
│   └── search.mdx       # Search page with Pagefind
├── public/
│   └── images/          # Course images
├── next.config.mjs      # Next.js configuration
├── theme.config.tsx     # Nextra theme configuration
└── package.json         # Dependencies

Content Updates

Content is automatically converted from the main course `lesson-modules/` directory. To update:

1. Edit the REFERENCE_GUIDE.md files in /lesson-modules/
2. Run the conversion script: ./convert-content.sh
3. Build and deploy

Tech Stack

• Next.js 14 - Static site generation
• Nextra 3 - Documentation theme
• Pagefind