Index
Edit

The Schema

Open the movies schema file ./schemas/movie.js in your favorite text editor. Locate the first field in the fields list. It looks like this.

{
  name: 'title',
  title: 'Title',
  type: 'string',
  required: true
}

Add two new keys to the title field, like so:

{
  name: 'title',
  title: 'Title',
  type: 'string',
  required: true,
  placeholder: 'WALL-E',
  description: 'The original movie title'
}

The Content Studio will detect that a change in an underlying file has occurred, and reload the browser page.

The newly added description will now appear above the movie title input. Also, if you delete a movie title, the placeholder text will appear in the title input field.

Congratulations! You're on your way to writing you own custom schema!

Now, let's add a new field. Make space below the title field, and add:

{
  name: 'tagline',
  title: 'Tagline',
  type: 'string',
  placeholder: 'In Space, No One Can Hear You Clean'
}

Behold, when the browser reloads you can edit movie taglines!

If this made sense to you and you're eager to crank out the rest of your schema on you own, break off here and head over to the full schema reference.

Previous: Project StructureNext: Hiding Types