151 lines
6 KiB
Markdown
151 lines
6 KiB
Markdown
# How to Use the Pro-Optimized Perplexity MCP Server with Cline
|
|
|
|
The Perplexity MCP server has been optimized to take full advantage of your Pro subscription, providing enhanced research and documentation capabilities that can assist you throughout the development of the OCD website. The server now uses optimized parameters (max_tokens: 4000, temperature: 0.7, top_p: 0.9) for all tools to deliver more comprehensive and higher quality responses.
|
|
|
|
## Available Tools
|
|
|
|
The Perplexity MCP server provides four main tools:
|
|
|
|
1. **search**: Get comprehensive information on any topic
|
|
2. **get_documentation**: Retrieve detailed documentation for technologies and libraries
|
|
3. **find_apis**: Discover and evaluate APIs for integration
|
|
4. **check_deprecated_code**: Analyze code for deprecated features
|
|
|
|
## How to Use the Tools
|
|
|
|
Since the MCP server is now configured and running, you can simply ask Cline to use any of these tools during your development process. Here are examples of how to use each tool:
|
|
|
|
### 1. Using the Search Tool
|
|
|
|
When you need general information or research on any topic, simply ask Cline to search for it:
|
|
|
|
```
|
|
Could you search for "best practices for membership expiration notifications" using the Perplexity MCP server?
|
|
```
|
|
|
|
Behind the scenes, Cline will use:
|
|
|
|
```
|
|
use_mcp_tool:
|
|
server_name: github.com/pashpashpash/perplexity-mcp
|
|
tool_name: search
|
|
arguments: {
|
|
"query": "best practices for membership expiration notifications",
|
|
"detail_level": "detailed"
|
|
}
|
|
```
|
|
|
|
### 2. Getting Documentation
|
|
|
|
When implementing specific features or working with libraries, ask for detailed documentation:
|
|
|
|
```
|
|
Using the Perplexity MCP server, could you get documentation about "React Server Components in Next.js 14" to help with our implementation?
|
|
```
|
|
|
|
This will utilize:
|
|
|
|
```
|
|
use_mcp_tool:
|
|
server_name: github.com/pashpashpash/perplexity-mcp
|
|
tool_name: get_documentation
|
|
arguments: {
|
|
"query": "React Server Components in Next.js 14",
|
|
"context": "Implementation in a production website with SSR"
|
|
}
|
|
```
|
|
|
|
### 3. Finding APIs
|
|
|
|
When you need to integrate external services (like maps, payment processing, etc.):
|
|
|
|
```
|
|
Could you use the Perplexity MCP server to find APIs for "video transcription services that support WebVTT"?
|
|
```
|
|
|
|
Cline will execute:
|
|
|
|
```
|
|
use_mcp_tool:
|
|
server_name: github.com/pashpashpash/perplexity-mcp
|
|
tool_name: find_apis
|
|
arguments: {
|
|
"requirement": "video transcription services that support WebVTT",
|
|
"context": "For a deaf community website with accessibility requirements"
|
|
}
|
|
```
|
|
|
|
### 4. Checking Deprecated Code
|
|
|
|
When refactoring or improving existing code:
|
|
|
|
```
|
|
Could you check if this code has any deprecated features using the Perplexity MCP server?
|
|
|
|
```jsx
|
|
class MemberCard extends React.Component {
|
|
componentWillMount() {
|
|
this.fetchMemberData();
|
|
}
|
|
// ...rest of component
|
|
}
|
|
```
|
|
|
|
This will use:
|
|
|
|
```
|
|
use_mcp_tool:
|
|
server_name: github.com/pashpashpash/perplexity-mcp
|
|
tool_name: check_deprecated_code
|
|
arguments: {
|
|
"code": "class MemberCard extends React.Component {\n componentWillMount() {\n this.fetchMemberData();\n }\n // ...rest of component\n}",
|
|
"technology": "React"
|
|
}
|
|
```
|
|
|
|
## Practical Development Scenarios
|
|
|
|
Here are practical ways to incorporate the Perplexity MCP server during the OCD website development:
|
|
|
|
### Phase 1: Project Setup & Infrastructure
|
|
|
|
- **Ask about setup**: "Using the Perplexity MCP server, what are the best practices for structuring a Next.js project with TypeScript and MongoDB?"
|
|
- **Get configuration examples**: "Can you search for example Docker configurations for Next.js applications with MongoDB and Redis?"
|
|
|
|
### Phase 2-3: Public Pages & Event Management
|
|
|
|
- **Research accessibility**: "Use the Perplexity MCP server to get documentation on implementing WCAG 2.1 AA compliance in React components."
|
|
- **Find calendar libraries**: "Could you find APIs or libraries for interactive calendars that are accessible and support event management?"
|
|
|
|
### Phase 4-5: Membership System & Admin Dashboard
|
|
|
|
- **Research notification systems**: "Search for best practices in implementing expiration notification systems using Node.js and MongoDB."
|
|
- **API integration**: "Find APIs for email delivery services that integrate well with Node.js applications."
|
|
|
|
### Phase 6: Video & Accessibility Features
|
|
|
|
- **Video player implementation**: "Get documentation on building accessible custom video players with WebVTT support in React."
|
|
- **Code review**: "Check if this custom video player code has any deprecated or accessibility issues."
|
|
|
|
### Phase 7-9: Integration, Testing & Deployment
|
|
|
|
- **Performance optimization**: "Find best practices for optimizing Next.js applications with server-side rendering."
|
|
- **Deployment guidance**: "Search for secure Nginx configuration for serving Next.js applications."
|
|
|
|
## Benefits During Development
|
|
|
|
1. **Rapid research**: Get accurate information without leaving your development environment
|
|
2. **Up-to-date documentation**: Access the latest best practices and API documentation
|
|
3. **Code modernization**: Identify and fix deprecated patterns before they cause issues
|
|
4. **API discovery**: Find the right tools and services to integrate into your project
|
|
5. **Problem-solving assistance**: Get detailed solutions to specific technical challenges
|
|
|
|
## Best Practices for Using the MCP Server
|
|
|
|
1. **Be specific with queries**: The more specific your request, the more relevant the results
|
|
2. **Provide context**: Include information about your specific implementation needs
|
|
3. **Use for research, not implementation**: The MCP server provides guidance, but Cline will still handle the actual implementation
|
|
4. **Verify critical information**: While Perplexity provides reliable information, always verify critical details from official documentation
|
|
5. **Use for learning**: When unfamiliar with a technology, use the documentation tool to get comprehensive overviews
|
|
|
|
By leveraging these tools throughout your development process, you'll be able to make more informed decisions, implement features more efficiently, and stay up-to-date with best practices in web development.
|