Skip to content

Commit 2c6ca77

Browse files
isaaclombardsswisaaclombardssw
authored
📝 Content update to include more on repo based media (tinacms#2455)
content update to include more on repo based media
1 parent a31c7a4 commit 2c6ca77

File tree

7 files changed

+69
-53
lines changed

7 files changed

+69
-53
lines changed

‎components/blocks/CompareBox/CompareBox.template.ts

+1
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,7 @@ export const compareBoxTemplate: Template = {
7272
{ name: 'criteria7', label: 'Criteria 7', type: 'boolean' },
7373
{ name: 'criteria8', label: 'Criteria 8', type: 'boolean' },
7474
{ name: 'criteria9', label: 'Criteria 9', type: 'boolean' },
75+
{ name: 'criteria10', label: 'Criteria 10', type: 'boolean' },
7576
],
7677
},
7778
],

‎components/blocks/CompareBox/CompareBox.tsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import React, { useState, useEffect, useRef } from 'react';
1+
import Image from 'next/image';
2+
import React, { useEffect, useRef, useState } from 'react';
23
import { FaCircle } from 'react-icons/fa';
4+
import { IoMdInformationCircleOutline } from 'react-icons/io';
35
import Slider from 'react-slick';
4-
import 'slick-carousel/slick/slick.css';
56
import 'slick-carousel/slick/slick-theme.css';
7+
import 'slick-carousel/slick/slick.css';
68
import css from 'styled-jsx/css';
7-
import Image from 'next/image';
89
import { tinaField } from 'tinacms/dist/react';
9-
import { IoMdInformationCircleOutline } from 'react-icons/io';
1010

1111

1212
//Function to use alpha values to create a background gradient with any input hex colour
@@ -118,7 +118,7 @@ const CompanyCard = ({ company }) => {
118118
</div>
119119

120120
<div className="w-full">
121-
{Array.from({ length: 9 }, (_, idx) => (
121+
{Array.from({ length: 10 }, (_, idx) => (
122122
<div key={idx} className="flex flex-col items-center w-full">
123123
<div
124124
className="flex items-center justify-center w-full"

‎content/blocksPages/home.json

+8-2
Original file line numberDiff line numberDiff line change
@@ -280,6 +280,10 @@
280280
{
281281
"criteria": "Self-hosted Option",
282282
"description": "Option to self-host"
283+
},
284+
{
285+
"criteria": "Repo-based Media",
286+
"description": "Store assets alongside your content in GitHub."
283287
}
284288
],
285289
"companies": [
@@ -298,7 +302,8 @@
298302
"criteria6": true,
299303
"criteria7": true,
300304
"criteria8": true,
301-
"criteria9": true
305+
"criteria9": true,
306+
"criteria10": true
302307
},
303308
{
304309
"headline": "Prepr CMS",
@@ -329,7 +334,8 @@
329334
"criteria1": true,
330335
"criteria4": true,
331336
"criteria5": true,
332-
"criteria8": true
337+
"criteria8": true,
338+
"criteria10": true
333339
},
334340
{
335341
"headline": "Adobe (AEM)",

‎content/docs-toc/docs-toc.json

+41-42
Original file line numberDiff line numberDiff line change
@@ -355,6 +355,47 @@
355355
}
356356
]
357357
},
358+
{
359+
"title": "Media",
360+
"items": [
361+
{
362+
"title": "Overview",
363+
"slug": "content/docs/reference/media/overview.mdx",
364+
"_template": "item"
365+
},
366+
{
367+
"title": "Repo-based Media",
368+
"slug": "content/docs/reference/media/repo-based.mdx",
369+
"_template": "item"
370+
},
371+
{
372+
"title": "External Media Providers",
373+
"items": [
374+
{
375+
"title": "Setting up Authentication",
376+
"slug": "content/docs/reference/media/external/authentication.mdx",
377+
"_template": "item"
378+
},
379+
{
380+
"title": "Digital Ocean Spaces",
381+
"slug": "content/docs/reference/media/external/do-spaces.mdx",
382+
"_template": "item"
383+
},
384+
{
385+
"title": "Cloudinary",
386+
"slug": "content/docs/reference/media/external/cloudinary.mdx",
387+
"_template": "item"
388+
},
389+
{
390+
"title": "AWS S3 Bucket",
391+
"slug": "content/docs/reference/media/external/s3.mdx",
392+
"_template": "item"
393+
}
394+
],
395+
"_template": "items"
396+
}
397+
]
398+
},
358399
{
359400
"title": "Drafts",
360401
"items": [
@@ -636,48 +677,6 @@
636677
"slug": "content/docs/cli-overview.mdx",
637678
"_template": "item"
638679
},
639-
{
640-
"title": "Media",
641-
"items": [
642-
{
643-
"title": "Overview",
644-
"slug": "content/docs/reference/media/overview.mdx",
645-
"_template": "item"
646-
},
647-
{
648-
"title": "Repo-based Media",
649-
"slug": "content/docs/reference/media/repo-based.mdx",
650-
"_template": "item"
651-
},
652-
{
653-
"title": "External Media Providers",
654-
"items": [
655-
{
656-
"title": "Setting up Authentication",
657-
"slug": "content/docs/reference/media/external/authentication.mdx",
658-
"_template": "item"
659-
},
660-
{
661-
"title": "Cloudinary",
662-
"slug": "content/docs/reference/media/external/cloudinary.mdx",
663-
"_template": "item"
664-
},
665-
{
666-
"title": "Digital Ocean Spaces",
667-
"slug": "content/docs/reference/media/external/do-spaces.mdx",
668-
"_template": "item"
669-
},
670-
{
671-
"title": "AWS S3 Bucket",
672-
"slug": "content/docs/reference/media/external/s3.mdx",
673-
"_template": "item"
674-
}
675-
],
676-
"_template": "items"
677-
}
678-
],
679-
"_template": "items"
680-
},
681680
{
682681
"title": "Search",
683682
"items": [

‎content/docs/reference/media/overview.mdx

+8-2
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
---
22
title: Media Overview
3-
last_edited: '2022-06-29T00:00:00.000Z'
3+
last_edited: '2024-11-12T22:59:50.498Z'
4+
next: ''
5+
previous: ''
46
---
57

68
TinaCMS provides multiple options for managing media.
@@ -37,6 +39,10 @@ export default defineConfig({
3739

3840
With the built-in repo-based media option, media is stored within the site's repository.
3941

42+
Repo-based media keeps your assets alongside your content, making it easy to track changes and roll back versions for both code and media.
43+
44+
This approach simplifies workflows by eliminating the need for external media servers, as all updates happen within a unified system.
45+
4046
[Read more about repo-based media here](/docs/reference/media/repo-based)
4147

4248
## External Media Providers
@@ -47,6 +53,6 @@ TinaCMS also supports pluggable external media providers.
4753

4854
## Video Tutorial
4955

50-
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.
56+
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.
5157

5258
<Youtube embedSrc="https://www.youtube.com/embed/x0ACBQeNcts?start=388&end=469" />

‎content/docs/reference/media/repo-based.mdx

+5-1
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,16 @@
11
---
22
title: Repo-based Media (default)
3-
last_edited: '2024-09-23T23:07:32.817Z'
3+
last_edited: '2024-11-12T23:12:35.189Z'
44
next: ''
55
previous: ''
66
---
77

88
Repo-based media storage is the default media storage solution for TinaCMS.
99

10+
For static site generators, it allows for local development and preview environments to show the exact content and media as in production.
11+
12+
This can also reduce dependencies, usage of external APIs.
13+
1014
## Configuration
1115

1216
To configure repo-based media in your project, add the following to your schema definition in `tina/config.{ts,js}`

‎tina/tina-lock.json

+1-1
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)