The example blog
Most examples in Concepts, Build and Look it up use one team blog. A few pages use their own example data, and the CLI pages add names of their own. Open this page when you meet a name in an example and want to know what it is.
The blog's posts are entries of the Blog post content type, and they live under /blog. The example post is AI 101, at /blog/ai-101. In Studio, the blog is a project named Blog.
Names in the examples
Components, sections and templates defines the words component, section and template.
| Kind | Names | What to know |
|---|---|---|
| Project | Blog | The Studio project. Studio saves its layouts in the stack's Compositions content type, and the project deploys to the production environment. |
| Content types | Blog post (blog_post), Author (author), Topic page (topic_page) | Topic page has no entries. |
| Global field | Author card (author_card) | It has a name, a role, a photo and a link. Blog post and Topic page both use it. |
| Entries | AI 101, Getting started with prompts, ML basics, Priya | The first three are Blog posts, and Priya is an Author. The examples preview AI 101 unless a page says otherwise. |
| Components | Avatar, BlogHero, BlogBody, PostCard | Components from the blog's code, registered with Studio. The Components tab shows Avatar and BlogHero as Avatar and Blog Hero. Avatar and BlogHero sit in a group named Blog · Components. |
| Sections | Post hero, Post body, Related posts, Post byline, Author card, Post card | Built in Studio from components. Other pages add a few more. |
| Templates | Blog post, Featured post, Topic page, About | The first three are connected. About is freeform, at /about. The Blog post template holds Post hero, Post body and Related posts. |
Example names that look alike
These names look alike, and some of them name two things at once.
- BlogHero and Post hero. BlogHero is a component, and Post hero is a section. Post hero is built from Studio's Image and Header with Avatar, so it doesn't contain BlogHero.
- Avatar, Author card and
author_card. Avatar is a component that shows the author's round photo. Author card is the name of both a section and a global field, andauthor_cardis the global field's UID. The Author card section holds Avatar with Studio's Header and Paragraph, bound to theauthor_cardglobal field. - PostCard and Post card. PostCard is a component, and Post card is a section that holds it.
- Blog and Blog post. Blog is the project. Blog post and Topic page are each both a content type and a template, and the template is connected to the content type. The docs write "the Blog post template" for the template.
- Related posts and Related Posts. The Data Picker capitalizes each word of a field name, so the field Related posts shows there as Related Posts.
Where to go next
- The next page, What is a composition, explains what Studio saves when you build a template or a section.
- To register the components in this example, go to Build your component library.
- To look up a word, see the Glossary.