[{"data":1,"prerenderedAt":171},["ShallowReactive",2],{"tutorials-index":3},[4,68,119],{"id":5,"title":6,"body":7,"canonical":14,"card":15,"component":19,"createdAt":20,"description":21,"difficulty":22,"extension":23,"faq":24,"featured":40,"indexStory":41,"intent":49,"keywords":50,"meta":58,"metaTitle":59,"navigation":60,"pageType":16,"path":18,"sections":61,"seo":62,"slug":63,"status":64,"stem":65,"timeToComplete":66,"updatedAt":20,"__hash__":67},"tutorials/tutorials/build-a-crm-dashboard-from-spreadsheet-export.md","Build a CRM Dashboard from Spreadsheet Export",{"type":8,"value":9,"toc":10},"minimark",[],{"title":11,"searchDepth":12,"depth":12,"links":13},"",2,[],"https://getapibutler.com/tutorials/build-a-crm-dashboard-from-spreadsheet-export",{"tag":16,"headline":6,"summary":17,"href":18},"Tutorial","Turn HubSpot, Salesforce, or spreadsheet CRM exports into live APIs and generate a working dashboard with Cursor or Claude Code.","/tutorials/build-a-crm-dashboard-from-spreadsheet-export","BuildCrmDashboardFromSpreadsheetExport","2026-06-15","Learn how to turn CRM exports into APIs and build a modern dashboard using API Butler, Cursor and Claude Code.","Intermediate","md",[25,28,31,34,37],{"question":26,"answer":27},"Can I use HubSpot exports?","Yes. Export your contacts, deals, and activities from HubSpot as CSV files. Map columns to the tutorial schema—customers, deals, activities, owners, and notes—then upload each file to API Butler for hosted GET endpoints.",{"question":29,"answer":30},"Can I use Salesforce exports?","Yes. Use Salesforce Report exports or Data Export to CSV. Match Account fields to customers.csv, Opportunity fields to deals.csv, and Task/Event fields to activities.csv. API Butler turns each export into a queryable REST endpoint.",{"question":32,"answer":33},"How large can the dataset be?","API Butler supports large CSV uploads with pagination on every endpoint. Start with a few hundred rows for prototyping; use ?limit=25 and filter params to keep dashboard queries fast while you iterate.",{"question":35,"answer":36},"Can Cursor generate the dashboard automatically?","Yes. Paste your five API Butler endpoint URLs into the Cursor or Claude Code prompts in Step 5. The AI generates typed hooks, a customer table, pipeline board, revenue metrics, and activity timeline wired to live data.",{"question":38,"answer":39},"Can I connect multiple CSV files?","Yes—that is the recommended approach. Upload one CSV per resource (customers, deals, activities, owners, notes). Each becomes its own endpoint. Join data in the dashboard using shared customer_id fields.",false,{"eyebrow":42,"title":43,"description":44,"readMoreLabel":45,"flowLabel":46,"requestLine":47,"responseLine":48},"CRM tutorial","From CRM spreadsheet export to a working dashboard","Design realistic CRM datasets, publish REST endpoints, and generate a customer overview, pipeline board, and activity feed with AI coding tools.","Start the tutorial","CRM export path","GET /v1/apis/deals?filter[stage]=proposal","{ \"data\": [{ \"title\": \"Enterprise Renewal\", \"value\": 48000, \"stage\": \"proposal\" }], \"meta\": { \"total\": 24 } }","Educational",[51,52,53,54,55,56,57],"crm dashboard tutorial","crm dashboard from csv","spreadsheet crm dashboard","crm api tutorial","crm dashboard with api","build crm dashboard","crm export dashboard",{},"Build a CRM Dashboard from Spreadsheet Export | API Butler Tutorial",true,null,{"title":6,"description":21},"build-a-crm-dashboard-from-spreadsheet-export","published","tutorials/build-a-crm-dashboard-from-spreadsheet-export","30–45 minutes","C7FZ_e6_Rv1Q-I2ZebokoOeG8WbI5ML8dpLb8jXJPxo",{"id":69,"title":70,"body":71,"canonical":75,"card":76,"component":79,"createdAt":80,"description":81,"difficulty":61,"extension":23,"faq":82,"featured":40,"indexStory":98,"intent":49,"keywords":105,"meta":113,"metaTitle":114,"navigation":60,"pageType":16,"path":78,"sections":61,"seo":115,"slug":116,"status":64,"stem":117,"timeToComplete":61,"updatedAt":80,"__hash__":118},"tutorials/tutorials/build-a-mock-api-for-user-centric-apps.md","Build a Mock API for User-Centric Apps",{"type":8,"value":72,"toc":73},[],{"title":11,"searchDepth":12,"depth":12,"links":74},[],"https://getapibutler.com/tutorials/build-a-mock-api-for-user-centric-apps",{"tag":16,"headline":70,"summary":77,"href":78},"Design realistic datasets, publish REST endpoints, and generate a working SaaS dashboard with Cursor or Claude Code.","/tutorials/build-a-mock-api-for-user-centric-apps","BuildMockApiUserCentric","2026-06-08","Step-by-step tutorial: design realistic user, project, and task datasets, turn them into REST APIs with API Butler, and generate a working app with Cursor or Claude Code.",[83,86,89,92,95],{"question":84,"answer":85},"Why not use JSONPlaceholder for mock APIs?","JSONPlaceholder returns generic, unrelated data. API Butler lets you define project-specific schemas—users, projects, tasks, and notifications that match your actual app domain.",{"question":87,"answer":88},"How many CSV files do I need?","Upload one CSV per resource. For a user-centric SaaS app, start with users, profiles, projects, tasks, and notifications—five focused datasets that mirror real product relationships.",{"question":90,"answer":91},"Can I use this tutorial with Cursor or Claude Code?","Yes. The tutorial includes copy-paste prompts for both tools. Upload your CSVs to API Butler, paste the endpoints into the prompt, and generate a dashboard with typed fetch hooks and realistic data.",{"question":93,"answer":94},"Do I need a backend or database?","No. API Butler hosts the REST endpoints. You upload CSV files and get live GET endpoints in minutes—no server, database, or infrastructure setup.",{"question":96,"answer":97},"What frameworks work with the generated APIs?","Any framework that can call REST endpoints—React, Vue, Next.js, Nuxt, or AI-generated apps from Cursor and Claude Code. The tutorial includes React and Vue fetch examples.",{"eyebrow":99,"title":100,"description":101,"readMoreLabel":45,"flowLabel":102,"requestLine":103,"responseLine":104},"Flagship tutorial","From CSV datasets to a working user-centric app","Learn how to model users, projects, tasks, and notifications as APIs—then wire them into AI-generated frontends.","Tutorial path","GET /v1/apis/users?filter[role]=admin","{ \"data\": [{ \"id\": 1, \"name\": \"Alex Chen\", \"role\": \"admin\" }], \"meta\": { \"total\": 24 } }",[106,107,108,109,110,111,112],"build mock api","mock api tutorial","realistic mock api","user management api","api for frontend development","api for ai apps","mock api from csv",{},"Build a Mock API for User-Centric Apps | API Butler Tutorial",{"title":70,"description":81},"build-a-mock-api-for-user-centric-apps","tutorials/build-a-mock-api-for-user-centric-apps","s7955FT3Raa5u1yLnb0gN00LY1kKRDHHGozw2N7pCOE",{"id":120,"title":121,"body":122,"canonical":126,"card":127,"component":130,"createdAt":20,"description":131,"difficulty":22,"extension":23,"faq":132,"featured":60,"indexStory":151,"intent":49,"keywords":157,"meta":165,"metaTitle":166,"navigation":60,"pageType":16,"path":129,"sections":61,"seo":167,"slug":168,"status":64,"stem":169,"timeToComplete":66,"updatedAt":20,"__hash__":170},"tutorials/tutorials/build-an-ai-agent-with-business-data.md","Build an AI Agent with Business Data",{"type":8,"value":123,"toc":124},[],{"title":11,"searchDepth":12,"depth":12,"links":125},[],"https://getapibutler.com/tutorials/build-an-ai-agent-with-business-data",{"tag":16,"headline":121,"summary":128,"href":129},"Connect customer, subscription, invoice, and usage data to a customer success agent using API Butler — build in Cursor, Claude, ChatGPT, or Mistral.","/tutorials/build-an-ai-agent-with-business-data","BuildAiAgentBusinessData","Learn how to connect business data to AI agents using CSV files, APIs and AI coding tools. Build a customer success agent step-by-step.",[133,136,139,142,145,148],{"question":134,"answer":135},"Where do I build the AI agent?","API Butler provides the data layer — not the agent itself. Build in Cursor or Claude Code for a full dashboard with chat UI (recommended in Step 5). Use Claude API, ChatGPT Custom GPTs/Actions, or Mistral Agents with the same API Butler endpoints registered as tools. All platforms call your GET URLs over HTTPS and answer from structured JSON.",{"question":137,"answer":138},"How does an AI agent access API Butler APIs?","Agents call the same REST endpoints your frontend uses. Upload CSV files to API Butler, copy the GET URLs, and pass them to Cursor or Claude Code. The agent fetches structured JSON with predictable fields—customers, invoices, subscriptions—instead of parsing raw spreadsheet files.",{"question":140,"answer":141},"Do I need a vector database?","Not for this tutorial. Structured business data—customers, invoices, usage metrics—works best through REST APIs with filtering and pagination. Vector databases help with unstructured documents. For account lookups, revenue questions, and subscription status, API Butler endpoints are the right layer.",{"question":143,"answer":144},"Can I use Google Sheets instead of CSV?","Yes. Export your spreadsheet as CSV and upload to API Butler. Google Sheets, Excel, and Airtable exports all work. The tutorial uses CSV files because they are portable, version-controllable, and easy to share with AI coding tools.",{"question":146,"answer":147},"Can Cursor generate the frontend automatically?","Yes. Paste your API Butler endpoint URLs into the Cursor or Claude Code prompts in Step 5. For ChatGPT, Claude, or Mistral chat agents, register the same URLs as tools or Actions — the agent fetches live data before answering.",{"question":149,"answer":150},"When should I use APIs instead of uploading files directly?","Use APIs when your agent or app needs structured queries—filter by plan, find overdue invoices, check inactive accounts. File uploads work for one-off analysis. APIs give agents repeatable, filterable access to business data without re-parsing spreadsheets on every request.",{"eyebrow":99,"title":152,"description":153,"readMoreLabel":45,"flowLabel":154,"requestLine":155,"responseLine":156},"From business spreadsheets to an AI customer success agent","Learn why AI agents need APIs, design realistic business datasets, publish endpoints, and generate a working agent dashboard with AI coding tools.","Agent data path","GET /v1/apis/customers?filter[plan]=pro","{ \"data\": [{ \"id\": 1, \"company_name\": \"Acme Corp\", \"plan\": \"pro\" }], \"meta\": { \"total\": 12 } }",[158,159,160,161,162,163,164],"build ai agent","ai agent business data","ai agent api tutorial","business data for ai agents","ai agent data source","ai agent with csv data","ai-ready business data",{},"Build an AI Agent with Business Data | API Butler Tutorial",{"title":121,"description":131},"build-an-ai-agent-with-business-data","tutorials/build-an-ai-agent-with-business-data","U6NygZJUEvXp6QG3B2ngUh3Eg2IGPpK5XdpnwkXDJVg",1782745365205]