HC

hubspotdev/crm-customization-dev-bootcamp

开发工具

本页由 AI 翻译,技术细节请以原文为准。 查看原文

28 stars 质量 67 趋势 25MIT

这个仓库是和 . 一起用的。你会在第2到第6周开始使用它。你需要使用这个仓库。

概览

这个仓库是和 . 一起用的。你会在第2到第6周开始使用它。你需要使用这个仓库。 如果你找到了这个仓库并有兴趣报名参加训练营,可以在这里找到更多详情。 点击这里了解更多关于HubSpot学院开发者CRM定制训练营的信息。 如果你还没订阅HubSpot开发者社区,欢迎加入并订阅!这里是与其他HubSpot开发者交流和合作的最佳场所。 1. 按照data/README.md在你的开发者测试账户中创建自定义对象、属性和示例记录。2. 在第2周/README.md期间工作:写问题简报,用假数据模拟卡片,并将批准的模型转化为构建计划。3. 将项目卡/作为连接无服务器函数的示例。 - HubSpot CLI v8.16.0 或更新版本(npm install -g @hubspot/cli@latest)- 节点。

概述(AI 翻译)

收回

这个回收是与6周HubSpot学院训练营一起进行的。 你将在第2到第6周开始使用它。你需要fork这个仓库。

训练营

如果你找到了这个仓库并有兴趣报名参加训练营,可以在这里找到更多详情。

点击这里了解更多关于HubSpot学院开发者CRM定制训练营的信息。

救命

如果你还没订阅HubSpot开发者社区,欢迎加入并订阅! 这里是与其他HubSpot开发者交流和合作的最佳场所。

从哪里开始

  1. 导入数据。 按照 data/README.md 创建您的开发者测试账户中的自定义对象、属性和示例记录。
  2. 第2周:先设计再建造。 通过week-2/README.md:写问题简报,用假数据模拟卡片,并将批准的模型转化为建造计划。
  3. 第 3 周:无服务器函数。 通过 week-3/README.md:卡片到功能握手,用 Axios 做外部 API,用 Axios 用 HubSpot API 做 HubSpot,然后逐片替换模拟值。
  4. 引用卡。 使用cards/中的项目作为连接无服务器函数的卡片工作示例。

本页由 AI 翻译,技术细节请以原文为准。

README

以下为原文 README 节选,完整内容请查看原文。

CRM Customization Bootcamp

The Repo

This repo goes along with the 6-week HubSpot Academy Bootcamp. You will start using it during weeks 2 - 6. You will need to fork this repo.

Bootcamp

If you found this repo and you’re interested in signing up for the bootcamp, you can find more details here.

Click here to learn more about the HubSpot Academy CRM Customization Bootcamp for Developers.

Help

Join and subscribe to the HubSpot Developer Community if you haven’t already! It’s the best place to connect and work with other HubSpot developers.

Where to start

  1. Import the data. Follow data/README.md to create the custom objects, properties, and sample records in your developer test account.
  2. Week 2: design before you build. Work through week-2/README.md: write a problem brief, mock the card with fake data, and turn the approved mockup into a build plan.
  3. Week 3: serverless functions. Work through week-3/README.md: the card-to-function handshake, an external API with Axios, the HubSpot API with Axios, then replace mocked values one slice at a time.
  4. Reference cards. Use the projects in cards/ as working examples of a card wired up to serverless functions.

File Structure

Path What it is
data/ All the data you need to import into your developer test account (custom object schemas, properties, and sample CSVs).
scripts/ import_hubspot_custom_objects.py imports everything in data/ through the API. Set HUBSPOT_API_TOKEN first. An alternative to the Postman steps.
cards/ A simple and an advanced RentalCars card to show you how to get started. Built on platform version 2026.09.
week-2/ Understand the problem before you build: problem brief, Claude Code prompts, build plan, a fully mocked Vehicle Recommendation card (recommendation, booking panel, and Loaded / Loading / Error / Empty states), and a one-shot card to compare against.
week-3/ Serverless functions: a runnable project with one card and three functions (echo handshake, external API via Axios, HubSpot API via Axios), copy-paste function recipes (REST, associations, search, GraphQL, secrets), and a hook-vs-function decision table.
CRM-CARD-FRONTEND-STANDARDS.md Rules, patterns, and gotchas for building cards that look and behave like native HubSpot.
.claude/skills/hubspot-card-design A Claude Code skill with the design rules for cards that look and feel like HubSpot (uses hs-uix). Claude Code picks it up automatically when you open this repo.
在 GitHub 查看完整 README

推荐工具

换一个关键词,或者移除筛选条件。

安装

npx skillfish add hubspotdev/crm-customization-dev-bootcamp
新手?先看 mcpskill.org 教程 →