A Thousand Words...

Before we move on, let's add an image to our page. Everyone loves images!

Update our Schema

1. Add another property to our schema:

2. Modify the app/awesome-content.tsx component to render our beautiful image.

Test it Out

  1. Go into the Visual editor (http://localhost:3000/admin/index.html) and marvel at the new input for uploading an image! 🖼️
  2. Pick a beautiful image to go with our amazing title and incredible body (bonus points for a llama pic)
By default, TinaCMS uses an image store from your repository.

You can also configure this to use external media providers instead.
Last Edited: January 7, 2026