This is a Next.js project that provides AI-powered spreadsheet enrichment using Parallel AI for live web research.
parallel.mp4
First, create a .env.local file with your Parallel API key:
PARALLEL_API_KEY=your_api_key_hereThen, install the dependencies:
npm installRun the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
- AI-Powered Enrichment: Select cells and enrich them with live web research data
- Multiple Processors: Choose from Lite, Base, Core, or Pro processors for different research depths
- Real-time Updates: Stream results directly into selected cells with progress indicators
- Keyboard Shortcuts: Productivity-focused shortcuts for common operations
- Dark Mode Interface: Modern, easy-on-the-eyes spreadsheet interface
- Select Cells: Click and drag to select the cells you want to enrich
- Choose Processor: Select the research depth (Lite for quick lookups, Pro for comprehensive research)
- Click Enrich: Press the Enrich button or use ⌘↵ to start the AI research
- Watch Results Stream: See cells populate in real-time as research completes
⌘K- Add Column⌘J- Add Row⌘↵- Enrich Selection⌘⌫- Delete Column/Row (when selected)Esc- Clear Selection
- Lite: Basic information retrieval
- Base: Simple web research
- Core: Complex web research
- Pro: Exploratory web research
To learn more about the technologies used:
- Next.js Documentation - learn about Next.js features and API
- Parallel AI Documentation - learn about Parallel's AI research capabilities
- React Spreadsheet - the spreadsheet component library
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
- API Integration: The app uses
app/api/parallel/route.tsto proxy task group creation and SSE events - Styling: Styles are organized in
app/page.cssfor maintainability - State Management: React hooks manage spreadsheet state and real-time updates