A modern web application for browsing and using Pipedream MCP servers.
Pipedream MCP Server UI
Overview
A modern web application for browsing and using Pipedream MCP servers. This project provides a user-friendly interface to interact with MCP servers efficiently.
Authentication Setup
This application uses Clerk for authentication. Follow these steps to set up authentication:
- Create a Clerk account at https://clerk.dev/.
- Create a new application in the Clerk dashboard.
- Copy your Publishable Key and Secret Key.
- Create a
.env.local
file based on the .env.local.example
template.
- Add your Clerk keys to the
.env.local
file.
Development
To get started with development:
# Install dependencies
npm install
# Run the development server
npm run dev
Repository Structure
The repository is organized into the following directories:
- app: Contains the main application components.
- components: Includes reusable UI components.
- hooks: Custom React hooks for state management.
- lib: Utility functions and libraries.
- public: Static assets like images and fonts.
- styles: CSS and Tailwind configuration files.
Resources
Languages
- TypeScript: 96.7%
- CSS: 1.8%
- JavaScript: 1.5%