Skip to main content

Strapi Integration

Set Blog storage type

tip

At this step, your Strapi must be in development mode

Create new collection

  • Click Content-Type-Builder -> Create new collection type in admin.

  • Fill in Display name, API ID (Singular), API ID (Plural), you can choose any name, the document takes Blog as an example.

strapi1
  • After clicking Continue, create a field in the Blog type and select the field type first.
strapi2
  • Create a field
strapi3

The pageId is the unique identifier of the Blog in QuickCreator. Please click ADVANCED SETTINGS and check the Unique field.

info

This step only applies to the pageId field

strapi4
  • Create all fields according to the following table.
Field nameField typeSecondary type
pageIdTextShort text
titleTextShort text
excerptTextLong text
featuredImageMediaIdNumberinteger
authorNameTextShort text
authorAvatarTextShort text
slugUID
publishTimeDatedatetime
siteIdTextShort text
contentRich text (Markdown)
categoriesJSON
languageTextShort text
  • Click Save
strapi61

Create API Token

Create New API Token

  • Click Settings - > API Tokens - > Create New API Token
strapi6
  • Enter name, valid period (unlimited), permission (custom)
strapi7
  • Required permissions

Blog (created blog storage type) All permissions

strapi8

Content-type-builder get type permissions

strapi9

Upload permissions

strapi10

Save and save the token

info

Token is only displayed once. If it is not saved well, it can only be regenerated.

strapi11
strapi12

Create a Strapi connection

Click Strapi Connect

strapi13

Fill in the relevant information

  1. The base URL of Strapi, which defaults to http://localhost:1337 locally, please fill in the address of the strapi deployed to production.
  2. API Token, Token created by creating Token steps.
  3. The API identifier of the Blog storage type is specified when creating the Blog storage type. The API identifier is divided into Singular and Plural.
strapi14

Click Yes Connect Now

Method of use

There is an option to publish to strapi after the publish button in the upper right corner of the article.

strapi15