Next.js + Strapi + Tailwind CSS 建站教程 - 字段列表

一、组件字段列表

以下组件类目中的组件按首字母排序，符合 Strapi 管理界面中左侧列表内的自动排列顺序。
请 点击此处 以返回教程目录。

1.1 Course

• Courses

• Specialized courses

• Specialized courses contents

1.2 Global

• About Us

• Contact

• Footer

• Information

• Meta

• Navigation

• Social

• Subscription

1.3 Home

• Comparison

• Comparison content

• Comparison detail list

• Frameworks

• Guide chapter content

• Introduction

• Playground contents

1.4 Shared(default)

如果你在创建项目阶段确认了 Start with an example structure & data，则下列组件都将被默认创建。

• Media (default)

• Quote (default)

• Rich text (default)

• Seo (default)

• Slider (default)

二、单页字段列表 (Single types)

2.1 Global

• Structure:

代码已复制！
Global
├── siteName (required)
├── favicon
├── siteDecoration (required)
├── defaultSeo
│   ├── metaTitle (required)
│   ├── shareImage
│   └── metaDescription (required)
├── globalAddOn
├── globalMetaInjection
├── navigation (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── placeholderOfName (required)
│   ├── placeholderOfWechatOrQQ (required)
│   ├── placeholderOftel (required)
│   ├── placeholderOfTextarea (required)
│   ├── submitButtonText (required)
│   └── image (required)
├── footer (required)
│   ├── description (required)
│   └── copyright (required)
├── contact (required)
│   ├── type (required)
│   ├── text (required)
│   └── link (required)
├── social (required)
│   ├── type (required)
│   └── link (required)
├── aboutUs (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── buttonText (required)
│   ├── buttonLink (required)
│   ├── openInNewTab (required)
│   └── image (required)
└── subscription (required)
    ├── heading (required)
    ├── description (required)
    ├── inputPlaceholder (required)
    └── submitButtonText (required)

• fields

• navigation - Component (Navigation)

• footer - Component (Global - Footer)

• contact - Repeatable Component (Global - Contact)

• social - Repeatable Component (Global - Social)

• aboutUs - Component (Global - About us)

• subscription - Component (Global - Subscription)

2.2 Home

Route: /

• Structure

代码已复制！
Home
├── Introduction (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── codeblockLanguage (required)
│   ├── codeblockFile (required)
│   ├── codeblockContent (required)
│   ├── buttonText (required)
│   ├── buttonLink (required)
│   ├── openInNewTab (required)
│   ├── customizedDecoration (required)
│   └── decoration
├── frameworks (required)
│   ├── icon (required)
│   ├── name (required)
│   └── description (required)
├── comparisons (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── buttonText (required)
│   ├── buttonLink (required)
│   ├── openInNewTab (required)
│   └── image
├── comparisonInformations (required)
│   ├── name (required)
│   ├── icon (required)
│   └── recommendedContent (required)
│   └── contents (required)
│       ├── name (required)
│       ├── rating
│       ├── downloads
│       ├── logo (required)
│       ├── useDetailListAsContent (required)
│       ├── richtext
│       └── detailList (required)
│           ├── advantage (required)
│           └── description (required)
├── guideChapters (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── buttonText (required)
│   ├── buttonLink (required)
│   ├── openInNewTab (required)
│   └── image
├── guideChapterContents (required)
│   ├── heading (required)
│   ├── link (required)
│   ├── description (required)
│   └── openInNewTab (required)
├── playground (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── buttonText (required)
│   ├── buttonLink (required)
│   ├── openInNewTab (required)
│   └── image
├── playgroundContents (required)
│   ├── customizedName (required)
│   ├── name (required)
│   ├── icon
│   └── codeblock
└── seo (required)
    ├── metaTitle (required)
    ├── metaKeyword (required)
    └── metaDescription (required)

• fields

• introduction - Component(Home - Introduction)

• frameworks - Repeatable Component(Home - Frameworks)

  • min: 3
  • max: 3

• comparisons - Component(Global - Information)

• comparisonInformations - Repeatable Component(Home - Comparison informations)

  • min: 3
  • max: 3

• contents - Repeatable Component(Home - Comparison content)

  Only nested in Comparison informations.

  • min: 3
  • max: 3

• detaiList - Nested Repeatable Component(Home - Comparison detail list)

  Only nested in Comparison content.

为表单设置缺省值

表单生成时自动填写缺省值

详见下表：

Websites

Layout

CMS

• guideChapters - Component(Home - Information)

• guideChapterContents - Repeatable Component(Home - Guide chapter contents)

  • min: 6
  • max: 6

• Chapter.1 Preparation
Define goals, stack, and structure before coding.

• Chapter.2 Strapi
Model content, set roles, seed data, expose clean APIs. `

• Chapter.3 Next.JS
Route pages, fetch data, optimize SSR and performance.

• Chapter.4 Tailwind CSS
Ship designs fast with utilities and consistent scales.

• Chapter.5 Intensify
Enhance caching, enable email forwarding and refine UX speed.

• Chapter.6 Deploy
Configure envs, CI/CD, and monitoring for production.

• playground - Component(Home - Information)

• playgroundContents - Repeatable Component(Home - Playground contents)

  • max: 4
  • min: 4

• seo - Component(Global - Meta)

2.3 Course

Route: /course

• Structure

代码已复制！
Course
├── banner (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── buttonText (required)
│   ├── buttonLink (required)
│   ├── openInNewTab (required)
│   └── image (required)
├── courses (required)
│   ├── icon (required)
│   ├── heading (required)
│   ├── image (required)
│   ├── link (required)
│   └── openInNewTab (required)
├── specializedCourses (required)
│   ├── heading (required)
│   └── description (required)
├── specializedCoursesContents (required)
│   ├── icon (required)
│   ├── heading (required)
│   ├── description (required)
│   └── image (required)
└── seo (required)
    ├── metaTitle (required)
    ├── metaKeyword (required)
    └── metaDescription (required)

• fields

• banner - Component(Global - Information)

• courses - Repeatable Component(Course - Course)

  • min: 4
  • max: 4

• specializedCourses - Component(Course - Specialzed courses)

• specializedCoursesContents - Repeatable Component(Course - Specialized courses contents)

  • min: 2
  • max: 5

• seo - Component(Global - Meta)

2.4 Blog

Route: /blog

• Structure

代码已复制！
Blog
├── banner (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── buttonText (required)
│   ├── buttonLink (required)
│   ├── openInNewTab (required)
│   └── image (required)
├── articlesOfTheDay
├── articlesOfTheDay2
├── featuredCategories
└── seo (required)
    ├── metaTitle (required)
    ├── metaKeyword (required)
    └── metaDescription (required)

• fields

• banner - Component(Global - Information)

• seo - Component(Global - Meta)

2.5 About

Route: /about

• Structure

代码已复制！
About
├── banner (required)
│   ├── heading (required)
│   ├── description (required)
│   ├── buttonText (required)
│   ├── buttonLink (required)
│   ├── openInNewTab (required)
│   └── image (required)
├── body
└── seo (required)
    ├── metaTitle (required)
    ├── metaKeyword (required)
    └── metaDescription (required)

• fields

• banner - Component(Global - Information)

• seo - Component(Global - Meta)

三、合集字段列表

3.1 Article

Route: /blog/[slug]（Dynamic Route）

• Structure

代码已复制！
Article
├── title (required)
├── slug (required)
├── description (required)
├── cover (required)
├── author
├── category
├── blocks
│   ├── Media
│   │   └── file (required)
│   ├── Quote
│   │   ├── title (required)
│   │   └── body (required)
│   ├── Rich text
│   │   └── body (required)
│   └─── Slider
│      └── files (required)
└── seo (required)
    ├── metaTitle (required)
    ├── metaKeyword (required)
    └── metaDescription (required)

• fields

• blocks - Dynamic zone

• seo - Component(Meta)

3.2 Author

• Structure:

代码已复制！
Author
├── name (required)
├── avatar (required)
├── email (required)
└── articles

• fields

3.3 Category

• Structure

代码已复制！
Category
├── name (required)
├── slug (required)
├── image (required)
├── articles
├── description (required)
└── seo (required)
    ├── metaTitle (required)
    ├── metaKeyword (required)
    └── metaDescription (required)

• fields

• seo - Component(Meta)

3.4 Contact

• Structure

代码已复制！
Contact
├── name (required)
├── wechatOrQQ (required)
├── tel
└── msg (required)

• fields

3.5 Subscription

• Structure

代码已复制！
Subscription
└── subscription (required)

• fields

3.6 User

系统自带的用户表单，不建议做结构变更。