marketplace-add-extension

โดย vercel

เพิ่มเส้นทางจุดขยายใหม่ให้กับแอป Sitecore Marketplace ใช้เมื่อผู้ใช้ต้องการเพิ่มฟิลด์ที่กำหนดเอง วิดเจ็ตแดชบอร์ด แผงบริบท เต็มหน้าจอ…

npx skills add https://github.com/vercel-labs/sitecore-skills --skill marketplace-add-extension

Add an Extension Point Route

You are helping the user add a new extension point to their Sitecore Marketplace app.

Step 1: Determine Extension Type

Ask the user which type (or infer from $ARGUMENTS):

TypeSlugDescriptionTypical Size
Custom Fieldcustom-fieldInline field in content editor~300px wide
Dashboard Widgetdashboard-widgetWidget on the dashboard~400x300px
Pages Context Panelpages-context-panelSide panel in Pages editor~350px wide, full height
FullscreenfullscreenFull-page within Sitecore shellFull viewport
StandalonestandaloneIndependent pageFull viewport

Step 2: Generate the Route

Create the route at app/<extension-type>/page.tsx (or a custom path the user prefers).

See extension-types.md for complete boilerplate templates for each extension type.

Step 3: Register in Developer Portal

Remind the user to register the extension point in the Sitecore Developer Portal:

  1. Go to Developer Portal → Your App → Extension Points
  2. Click "Add Extension Point"
  3. Select the type and set the route path (e.g., /custom-field)

Step 4: Suggest Next Steps

  • Use /marketplace-build-component to build out the UI
  • Use /marketplace-sdk-reference to look up available queries/mutations for this extension type
  • Use /marketplace-add-xmc if the extension needs XM Cloud data

Reference Files

Skills เพิ่มเติมจาก vercel

benchmark-sandbox
vercel
เรียกใช้สถานการณ์ประเมินผลของ vercel-plugin ใน Vercel Sandboxes แทนแผง WezTerm ในเครื่อง จัดเตรียม microVM ชั่วคราวที่ติดตั้ง Claude Code และปลั๊กอินไว้ล่วงหน้า…
official
emil-design-eng
vercel
ทักษะนี้เข้ารหัสปรัชญาของ Emil Kowalski เกี่ยวกับการตกแต่ง UI การออกแบบคอมโพเนนต์ การตัดสินใจเรื่องแอนิเมชัน และรายละเอียดที่มองไม่เห็นซึ่งทำให้ซอฟต์แวร์รู้สึกดี
official
vercel-react-best-practices
vercel
แนวทางปฏิบัติที่ดีที่สุดในการเพิ่มประสิทธิภาพ React และ Next.js จากทีมวิศวกรรมของ Vercel ควรใช้ทักษะนี้เมื่อเขียน ตรวจสอบ หรือปรับโครงสร้างโค้ด React/Next.js…
official
vercel-react-best-practices
vercel
แนวทางปฏิบัติที่ดีที่สุดในการเพิ่มประสิทธิภาพ React และ Next.js จากทีมวิศวกรรมของ Vercel ควรใช้ทักษะนี้เมื่อเขียน ตรวจสอบ หรือปรับโครงสร้าง React/Next.js…
official
write-guide
vercel
ผลิตคู่มือทางเทคนิคที่สอนกรณีการใช้งานในโลกจริงผ่านตัวอย่างแบบค่อยเป็นค่อยไป แนวคิดจะถูกนำเสนอเมื่อผู้อ่านต้องการเท่านั้น
official
release
vercel
ปลั๊กอิน Vercel สำหรับการปล่อย — รัน gates, เพิ่มเวอร์ชัน, สร้าง artifacts, คอมมิต และพุช ใช้เมื่อถูกขอให้ "release", "ship", "bump and push" หรือ "cut a release
official
deepsec
vercel
รัน DeepSec กับโปรเจกต์ Vercel ที่เช็คเอาท์จาก dev3000 ใช้สำหรับการตั้งค่า DeepSec แบบคลิกเดียว การบูตสแตรปบริบทโปรเจกต์ การประมวลผลรอบแรกแบบมีขอบเขต และ…
official
backport-pr
vercel
ย้อนกลับ pull request ของ Next.js ที่รวมแล้วจาก canary ไปยังสาขารุ่นก่อนหน้า เช่น next-16-2 ใช้เมื่อผู้ใช้ขอให้ย้อนกลับ, cherry-pick, หรือเปิด...
official