groq-local-dev-loop
Configure Groq local development with hot reload and testing. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with Groq. Trigger with phrases like "groq dev setup", "groq local development", "groq dev environment", "develop with groq". allowed-tools: Read, Write, Edit, Bash(npm:*), Bash(pnpm:*), Grep version: 1.0.0 license: MIT author: Jeremy Longshore <jeremy@intentsolutions.io>
Allowed Tools
No tools specified
Provided by Plugin
groq-pack
Claude Code skill pack for Groq (24 skills)
Installation
This skill is included in the groq-pack plugin:
/plugin install groq-pack@claude-code-plugins-plus
Click to copy
Instructions
# Groq Local Dev Loop
## Overview
Set up a fast, reproducible local development workflow for Groq.
## Prerequisites
- Completed `groq-install-auth` setup
- Node.js 18+ with npm/pnpm
- Code editor with TypeScript support
- Git for version control
## Instructions
### Step 1: Create Project Structure
```
my-groq-project/
โโโ src/
โ โโโ groq/
โ โ โโโ client.ts # Groq client wrapper
โ โ โโโ config.ts # Configuration management
โ โ โโโ utils.ts # Helper functions
โ โโโ index.ts
โโโ tests/
โ โโโ groq.test.ts
โโโ .env.local # Local secrets (git-ignored)
โโโ .env.example # Template for team
โโโ package.json
```
### Step 2: Configure Environment
```bash
# Copy environment template
cp .env.example .env.local
# Install dependencies
npm install
# Start development server
npm run dev
```
### Step 3: Setup Hot Reload
```json
{
"scripts": {
"dev": "tsx watch src/index.ts",
"test": "vitest",
"test:watch": "vitest --watch"
}
}
```
### Step 4: Configure Testing
```typescript
import { describe, it, expect, vi } from 'vitest';
import { GroqClient } from '../src/groq/client';
describe('Groq Client', () => {
it('should initialize with API key', () => {
const client = new GroqClient({ apiKey: 'test-key' });
expect(client).toBeDefined();
});
});
```
## Output
- Working development environment with hot reload
- Configured test suite with mocking
- Environment variable management
- Fast iteration cycle for Groq development
## Error Handling
| Error | Cause | Solution |
|-------|-------|----------|
| Module not found | Missing dependency | Run `npm install` |
| Port in use | Another process | Kill process or change port |
| Env not loaded | Missing .env.local | Copy from .env.example |
| Test timeout | Slow network | Increase test timeout |
## Examples
### Mock Groq Responses
```typescript
vi.mock('@groq/sdk', () => ({
GroqClient: vi.fn().mockImplementation(() => ({
// Mock methods here
})),
}));
```
### Debug Mode
```bash
# Enable verbose logging
DEBUG=GROQ=* npm run dev
```
## Resources
- [Groq SDK Reference](https://docs.groq.com/sdk)
- [Vitest Documentation](https://vitest.dev/)
- [tsx Documentation](https://github.com/esbuild-kit/tsx)
## Next Steps
See `groq-sdk-patterns` for production-ready code patterns.