diff --git a/content/docs/contextual-editing/overview.md b/content/docs/contextual-editing/overview.md index 7c0edb6fd..3b9265f0f 100644 --- a/content/docs/contextual-editing/overview.md +++ b/content/docs/contextual-editing/overview.md @@ -16,3 +16,13 @@ Tina also allows for "Visual Editing" so that editors can see their pages being ## Adding contextual-editing to a page To add visual editing to a page, you'll need to hydrate the pages data. In React, this is done by [using the `useTina`](/docs/contextual-editing/react) hook. We are currently working on adding support for other frameworks such as [vue](/docs/contextual-editing/vue). + +## Video Tutorial + +For those who prefer to learn from video, you can check out a snippet on Visual Editing from our ["TinaCMS Deep Dive"](https://www.youtube.com/watch?v=PcgnJDILv4w&list=PLPar4H9PHKVqoCwZy79PHr8-W_vA3lAOB&pp=iAQB) series. + +
+ +
diff --git a/content/docs/editing/blocks.md b/content/docs/editing/blocks.md index c5d31fe6a..c5b74861f 100644 --- a/content/docs/editing/blocks.md +++ b/content/docs/editing/blocks.md @@ -333,5 +333,12 @@ const featureBlock = { } ``` - - +## Video Tutorial + +For those who prefer to learn from video, you can check out a snippet on "Setting Up Blocks" from our ["TinaCMS Deep Dive"](https://www.youtube.com/watch?v=PcgnJDILv4w&list=PLPar4H9PHKVqoCwZy79PHr8-W_vA3lAOB&pp=iAQB) series. + +
+ +
diff --git a/content/docs/extending-tina/custom-field-components.md b/content/docs/extending-tina/custom-field-components.md index 78e65df43..b18267555 100644 --- a/content/docs/extending-tina/custom-field-components.md +++ b/content/docs/extending-tina/custom-field-components.md @@ -107,3 +107,13 @@ For example, if you take a look at the color field plugin's definition, it takes }, // ... ``` + +## Video Tutorial + +For those who prefer to learn from video, you can check out a snippet on "Customizing Components" from our ["TinaCMS Deep Dive"](https://www.youtube.com/watch?v=PcgnJDILv4w&list=PLPar4H9PHKVqoCwZy79PHr8-W_vA3lAOB&pp=iAQB) series. + +
+ +
diff --git a/content/docs/extending-tina/customize-list-ui.md b/content/docs/extending-tina/customize-list-ui.md index 218afc466..4f9a01fb2 100644 --- a/content/docs/extending-tina/customize-list-ui.md +++ b/content/docs/extending-tina/customize-list-ui.md @@ -85,3 +85,13 @@ For example: which will render as: ![List UI with label and style prop](https://res.cloudinary.com/forestry-demo/image/upload/v1649941182/tina-io/docs/extending-tina/Extending_Tina_Style_List_Props.png) + +## Video Tutorial + +For those who prefer to learn from video, you can check out a snippet on "Customizing List Items" from our ["TinaCMS Deep Dive"](https://www.youtube.com/watch?v=PcgnJDILv4w&list=PLPar4H9PHKVqoCwZy79PHr8-W_vA3lAOB&pp=iAQB) series. + +
+ +
diff --git a/content/docs/features/data-fetching.md b/content/docs/features/data-fetching.md index 685394820..e53c5195f 100644 --- a/content/docs/features/data-fetching.md +++ b/content/docs/features/data-fetching.md @@ -64,6 +64,16 @@ When developing locally, it's often beneficial to talk to the content on your lo > If you setup Tina via `@tinacms/cli init`, or used one of our starters, this should be setup by default. (Read about the CLI [here](/docs/graphql/cli/.) +## Video Tutorial + +For those who prefer to learn from video, you can check out a snippet on "Data Fetching" from our ["TinaCMS Deep Dive"](https://www.youtube.com/watch?v=PcgnJDILv4w&list=PLPar4H9PHKVqoCwZy79PHr8-W_vA3lAOB&pp=iAQB) series. + +
+ +
+ ## Summary - Tina provides a GraphQL API for querying your git-based content. diff --git a/content/docs/reference/media/overview.md b/content/docs/reference/media/overview.md index d349daaa2..de3073529 100644 --- a/content/docs/reference/media/overview.md +++ b/content/docs/reference/media/overview.md @@ -18,7 +18,7 @@ export default defineConfig({ schema: { collections: [ // Array of collections - ] + ], }, media: { // Media config @@ -45,3 +45,13 @@ With the built-in repo-based media option, media is stored within the site's rep TinaCMS also supports pluggable external media providers. [Read more about the external media store implementation here](/docs/reference/media/external/authentication) + +## Video Tutorial + +For those who prefer to learn from video, you can check out a snippet on media from our ["TinaCMS Deep Dive"](https://www.youtube.com/watch?v=PcgnJDILv4w&list=PLPar4H9PHKVqoCwZy79PHr8-W_vA3lAOB&pp=iAQB) series. + +
+ +
diff --git a/content/docs/schema.md b/content/docs/schema.md index 07ee89f28..01009e3eb 100644 --- a/content/docs/schema.md +++ b/content/docs/schema.md @@ -285,6 +285,16 @@ Each field in a collection can be of the following `type`: - [object](/docs/reference/types/object/) - [rich-text](/docs/reference/types/rich-text/) +## Video Tutorial + +For those who prefer to learn from video, you can check out a snippet on media from our ["TinaCMS Deep Dive"](https://www.youtube.com/watch?v=PcgnJDILv4w&list=PLPar4H9PHKVqoCwZy79PHr8-W_vA3lAOB&pp=iAQB) series. + +
+ +
+ ## Summary - Your content is modeled in the `tina/config.{ts,js,tsx}` in your repo using `defineConfig`. diff --git a/content/docs/tina-cloud.md b/content/docs/tina-cloud.md index f0e31a2f0..c85bab4b2 100644 --- a/content/docs/tina-cloud.md +++ b/content/docs/tina-cloud.md @@ -31,3 +31,13 @@ To start moving from local-mode to prod-mode, the next steps are to: - Push your repository to GitHub (if it isn't already) - Set up a project in the Tina Cloud dashboard. (See next page) + +## Video Tutorial + +For those who prefer to learn from video, you can check out a snippet on "Tina Cloud" from our ["TinaCMS Deep Dive"](https://www.youtube.com/watch?v=PcgnJDILv4w&list=PLPar4H9PHKVqoCwZy79PHr8-W_vA3lAOB&pp=iAQB) series. + +
+ +