// Quick reference for common APIs
export const API_REFERENCES = {
  nextjs: {
    routing: 'https://nextjs.org/docs/app/building-your-application/routing',
    dataFetching: 'https://nextjs.org/docs/app/building-your-application/data-fetching',
    apiRoutes: 'https://nextjs.org/docs/app/building-your-application/routing/route-handlers',
    deployment: 'https://nextjs.org/docs/app/building-your-application/deploying',
  },
  supabase: {
    auth: 'https://supabase.com/docs/guides/auth',
    database: 'https://supabase.com/docs/guides/database',
    realtime: 'https://supabase.com/docs/guides/realtime',
    storage: 'https://supabase.com/docs/guides/storage',
  },
  react: {
    hooks: 'https://react.dev/reference/react',
    components: 'https://react.dev/reference/react/Component',
    apis: 'https://react.dev/reference/react-dom',
  },
}

## How to Ask Effective Questions on Stack Overflow

### 1. Search First
- Search existing questions before posting
- Use specific keywords related to your problem
- Check multiple pages of results

### 2. Create a Minimal Reproducible Example
```typescript
// ❌ Don't post your entire codebase
// ❌ Don't post screenshots of code

// ✅ Create a minimal example that demonstrates the issue
import { useState } from 'react'

export default function BrokenComponent() {
  const [count, setCount] = useState(0)
  
  // This doesn't work as expected
  const handleClick = () => {
    setCount(count + 1)
    console.log(count) // Always logs the old value
  }
  
  return <button onClick={handleClick}>Count: {count}</button>
}

**Useful Stack Overflow Tags:**
- `[nextjs]` - Next.js framework questions
- `[reactjs]` - React library questions
- `[supabase]` - Supabase backend questions
- `[tailwind-css]` - Tailwind CSS styling
- `[typescript]` - TypeScript language questions

### GitHub Discussions and Issues

**Next.js Repository**
- **Discussions:** [https://github.com/vercel/next.js/discussions](https://github.com/vercel/next.js/discussions)
- **Issues:** [https://github.com/vercel/next.js/issues](https://github.com/vercel/next.js/issues)
- **Best For:** Framework bugs, feature requests, architecture questions

**Supabase Repository**
- **Discussions:** [https://github.com/supabase/supabase/discussions](https://github.com/supabase/supabase/discussions)
- **Issues:** [https://github.com/supabase/supabase/issues](https://github.com/supabase/supabase/issues)
- **Best For:** Backend issues, database problems, authentication questions

### Discord Communities

**Next.js Discord**
- **Invite:** Available on Next.js website
- **Channels:** #help, #showcase, #general
- **Best For:** Real-time help, quick questions, community discussions

**Supabase Discord**
- **Invite:** Available on Supabase website  
- **Channels:** #help, #general, #showcase
- **Best For:** Backend integration help, database questions

## Professional Support

### Paid Support Options

```typescript
// Contact information for professional support
export const PROFESSIONAL_SUPPORT = {
  vercel: {
    name: 'Vercel Pro Support',
    url: 'https://vercel.com/support',
    coverage: 'Next.js deployment, performance optimization, enterprise features',
    responseTime: '24-48 hours',
    pricing: 'Included with Pro/Enterprise plans',
  },
  supabase: {
    name: 'Supabase Pro Support',
    url: 'https://supabase.com/support',
    coverage: 'Database optimization, authentication issues, scaling guidance',
    responseTime: '24 hours (Pro), 4 hours (Enterprise)',
    pricing: 'Included with Pro/Enterprise plans',
  },
  freelance: {
    platforms: [
      'Upwork - Next.js specialists',
      'Toptal - React/Next.js experts',
      'Codementor - 1-on-1 mentoring',
      'GitHub Sponsors - Support maintainers',
    ],
  },
}

## Pre-Support Checklist

### ✅ Have you tried these steps?

1. **Read the error message carefully**
   - Copy the exact error message
   - Check the stack trace for clues
   - Look for line numbers and file names

2. **Check the documentation**
   - Search official docs
   - Look for relevant examples
   - Check API references

3. **Search existing issues**
   - GitHub issues for the libraries you're using
   - Stack Overflow with relevant tags
   - Community forums and discussions

4. **Create a minimal reproduction**
   - Strip down to the essential code
   - Remove unrelated features
   - Test in isolation

5. **Check your environment**
   - Node.js version compatibility
   - Package versions and conflicts
   - Environment variables
   - Network connectivity

### 📋 Information to Include

- **Versions:** Next.js, React, Node.js, browsers
- **Environment:** Development/production, OS
- **Steps to reproduce:** Clear, numbered steps
- **Expected vs actual behavior**
- **Error messages:** Full stack traces
- **Code samples:** Minimal, formatted examples
- **Screenshots:** If relevant for UI issues

## Issue Report Template

### Problem Description
Brief description of what you're trying to achieve and what's going wrong.

### Environment
- Next.js version: 
- React version: 
- Node.js version: 
- Operating System: 
- Browser (if relevant): 

### Steps to Reproduce
1. 
2. 
3. 

### Expected Behavior
What you expected to happen.

### Actual Behavior  
What actually happened.

### Code Sample
```typescript
// Minimal code that reproduces the issue
// Remove any sensitive information

Full error message and stack trace here

## Learning Resources

### Tutorials and Courses

```typescript
export const LEARNING_RESOURCES = {
  free: {
    nextjs: [
      'Next.js Learn Course - https://nextjs.org/learn',
      'Vercel Guide - https://vercel.com/guides',
      'Next.js Examples - https://github.com/vercel/next.js/tree/canary/examples',
    ],
    react: [
      'React Beta Docs - https://react.dev/learn',
      'React Tutorial - https://react.dev/learn/tutorial-tic-tac-toe',
      'React Hooks Guide - https://react.dev/reference/react',
    ],
    supabase: [
      'Supabase Tutorials - https://supabase.com/docs/guides/getting-started/tutorials',
      'Supabase YouTube Channel',
      'Supabase Blog - https://supabase.com/blog',
    ],
  },
  paid: {
    platforms: [
      'Udemy - Next.js courses',
      'Pluralsight - React/Next.js paths',
      'Egghead.io - React ecosystem',
      'Frontend Masters - Advanced React',
      'Level Up Tutorials - Full-stack development',
    ],
  },
  books: [
    'Learning React by Alex Banks & Eve Porcello',
    'Fullstack React by Anthony Accomazzo',
    'React: Up & Running by Stoyan Stefanov',
  ],
}

export const CONTENT_SOURCES = {
  newsletters: [
    'This Week in React - https://thisweekinreact.com',
    'React Newsletter - https://reactnewsletter.com',
    'Next.js Weekly - https://nextjsweekly.com',
  ],
  blogs: [
    'Vercel Blog - https://vercel.com/blog',
    'Supabase Blog - https://supabase.com/blog',
    'React Blog - https://react.dev/blog',
    'Kent C. Dodds - https://kentcdodds.com/blog',
    'Josh Comeau - https://www.joshwcomeau.com',
  ],
  podcasts: [
    'React Podcast',
    'JS Party',
    'Syntax',
    'Full Stack Radio',
  ],
}

export const EMERGENCY_CONTACTS = {
  vercel: {
    status: 'https://vercel-status.com',
    support: 'Enterprise customers: priority support',
    twitter: '@vercel - for status updates',
  },
  supabase: {
    status: 'https://status.supabase.com',
    support: 'Pro/Enterprise: priority tickets',
    discord: 'Supabase Discord #help channel',
  },
  general: {
    steps: [
      '1. Check service status pages',
      '2. Review recent changes and rollback if possible',
      '3. Check logs for error patterns',
      '4. Contact support with detailed incident report',
      '5. Implement temporary workarounds',
    ],
  },
}

// Ways to contribute to the community
export const CONTRIBUTION_OPPORTUNITIES = {
  answering: {
    platforms: ['Stack Overflow', 'GitHub Discussions', 'Discord', 'Reddit'],
    tips: [
      'Start with questions you understand well',
      'Provide complete, tested solutions',
      'Explain the "why" not just the "how"',
      'Be patient and encouraging',
    ],
  },
  documentation: {
    opportunities: [
      'Fix typos in official docs',
      'Add missing examples',
      'Improve unclear explanations',
      'Translate documentation',
    ],
  },
  opensource: {
    ways: [
      'Report bugs with detailed reproductions',
      'Submit feature requests with use cases',
      'Contribute code fixes',
      'Improve test coverage',
      'Update dependencies',
    ],
  },
}