Used to check for browser translation.
用于检测浏览器翻译。
ブラウザの翻訳を検出する

Publish custom components to the Blocklet Store

Yechao Li
Sep 2, 2024 · edited
B
Blogs
cover

Welcome to this tutorial 👏! Here, you'll learn how to publish a custom PagesKit component as a Blocklet upload it to the Blocklet Store, and use the published blocklet in another dApp. This guide will take you through the entire process, enabling you to share your custom-built components with a broader developer community, making them easily accessible for integration into various projects. Whether you're new to the Blocklet ecosystem or have some experience, this tutorial provides clear step-by-step instructions and practical tips to help you successfully publish and share your components. Let's get started!

Publish custom components as a Blocklet#

This video will guide you through publishing custom components as a Blocklet, from setup in PagesKit to uploading to the Blocklet Store. Follow along to learn how to share your components with the world!


Steps

  1. Create your custom component and a demo page in the Pages Kit editor
  2. Publish your pages (you need to select at least one page to publish) to the staging and then publish to the production
  3. Create your Blocklet
  4. Connect to the test store, the Blocklet DID will be generated automatically
  5. Fill in the Blocklet information (skipped in the video tutorial 😅)
  6. Publish the Blocklet and upload it to the test store
  7. Open the published Blocklet in the test store dashboard
  8. Publish it and enable auto publish (it will automatical publish the new version in the next time you upload it)

Install a custom components Blocklet from the Blocklet Store#

In this section, you'll learn how to install a custom components Blocklet from the Blocklet Store and seamlessly integrate it into your pages. Follow these steps to quickly add new functionality to your PagesKit setup!


Steps

  • Install your published Blocklet from the test store
  • Add a custom component section to the page
  • Select your custom component in the "Custom Component" select field to use it

How to publish to the ArcBlock official store#

For detailed guidance on publishing to the ArcBlock official store, please refer to the following link:


Help us improve#

We look forward to seeing you create more wonderful AI applications on PagesKit. Whether you have any needs, or suggestions, or encounter problems during use, please feel free to let us know in the community. We will do our best to assist you, and your feedback is crucial to us.



2.1.4