> Canonical URL: https://codingcat.dev/podcast/1-33-bringing-the-jamstack-together-with-tinacms

# Bringing the Jamstack Together with TinaCMS

🎧 Podcast Episode · S1E33August 11, 2021[![](/logos/tags/serverless-symbol-light.svg)![](/logos/tags/serverless-symbol-dark.svg)Serverless](/topic/serverless)[![](/logos/tags/nextjs-symbol-light.svg)![](/logos/tags/nextjs-symbol-dark.svg)Next.js](/topic/nextjs)[![](/logos/tags/react-symbol-light.svg)![](/logos/tags/react-symbol-dark.svg)React](/topic/react)[![](/logos/tags/github-symbol-light.svg)![](/logos/tags/github-symbol-dark.svg)GitHub](/topic/github)[![](/logos/tags/clerk-symbol-light.svg)![](/logos/tags/clerk-symbol-dark.svg)Clerk](/topic/clerk)[![](/logos/tags/html-symbol-light.svg)![](/logos/tags/html-symbol-dark.svg)HTML](/topic/html)[![](/logos/tags/flutter-symbol-light.svg)![](/logos/tags/flutter-symbol-dark.svg)Flutter](/topic/flutter)[![](/logos/tags/cms-symbol-light.svg)![](/logos/tags/cms-symbol-dark.svg)Headless CMS](/topic/cms)

# Bringing the Jamstack Together with TinaCMS

![](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/1e92174af717e4ec9db01ea726d96b2a2ce894e1-1920x1080.png?w=1920&h=1080&q=82&fit=max&auto=format)[@CodingCatDev62.5K / 100K Subscribers Goal](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Subscribe on YouTube→](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Watch on YouTube App ↗](https://www.youtube.com/watch?v=5m3kbQh9yYU&list=UUnKZ8gEb78zXKMi1ns-IQ2g)[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Brittney Postma](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/f25e504779cb6ebb7c0dd7df367f2c7490e17784-735x735.png?w=96&h=96&q=82&fit=max&auto=format)Brittney Postma](/author/brittney-postma)[![James Perkins](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/879a0b33c46a89e20220aa9db32cfd67d7e79d62-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)James Perkins](/guest/james-r-perkins)🎧 Listen & Subscribe[Spotify](https://open.spotify.com/episode/5fmSi07Y9OWAT1afHQaK3R)[Apple](https://podcasts.apple.com/us/podcast/1-33-bringing-the-jamstack-together-with-tinacms/id1491655542?i=1000531724079)[YouTube](https://www.youtube.com/watch?v=5m3kbQh9yYU&list=PLUKgAjyG9B0ZhUEXp9eVa7h4L__FDW3uV)[Subscribe on YouTube (62.5K / 100K) →](https://www.youtube.com/@codingcatdev?sub_confirmation=1)[Pocket Casts](https://pca.st/episode/3ce3e654-ebc8-4ee1-ad29-b61020f4e124)[Castbox](https://castbox.fm/episode/id2508485-id413298525)[Castro](https://castro.fm/episode/82emRP)[Overcast](https://overcast.fm/itunes1491655542)[RSS](https://anchor.fm/s/115b203c/podcast/rss)

**Bringing the Jamstack Together with TinaCMS ** is a CodingCat.dev podcast episode featuring James Perkins alongside Alex Patterson and Brittney Postma focused on Serverless, Next.js, React. We sit down with James Perkins to talk about how he became a developer advocate. Then we talk about how TinaCMS is changing the way we think about editing in the Jamstack. 1.33 - Bringing the Jamstack Together with TinaCMS: https://codingcat.dev/podcast/1-33-bringing-the-jamstack-together-with-tinacms 00:00 - Intro
00:26 - James Intro
1:28 - How did you get started in the business?
3:55 - Transitioning from dev to manager
6:05 - Transitioning from manager to Dev Advocate
8:15 - What is TinaCMS?
10:30 - Is TinaCMS only, welcome back perfect peeps to perfect.dev today we are talking about bringing the jam stack together with tina cms and to talk about that we have james perkins hey james how's it going hey thanks for having me on really appreciate it nice to have you thanks for coming now anytime you want me back i'll come again um so a little bit about james james does a weekly jam stack video on youtube with the... Watch the full video breakdown on [**YouTube**](https://www.youtube.com/watch?v=5m3kbQh9yYU) or explore the architectural notes, chapters, and official documentation links below.

## Questions

- What is your background James?
- How did you transition to Developer Advocate?
- What is TinaCMS?
- Is TinaCMS a react only cms or can it be extended to other Jamstack frameworks?Why is Next.js so integrated with it?

- Is TinaCMS similar to a wysiwyg editor?
- Who is the target market for TinaCMS?
- Do you use TinaCMS in conjunction with another CMS or can you use it solo?
- What is coming with TinaCloud?
- Can you talk a little about Collabstream?

## Links

- [Tina Cloud](https://tina.io/blog/announcement-tina-cloud-is-officially-in-alpha/)

## Technical Overview: Bringing the Jamstack Together with TinaCMS

1.33 - Bringing the Jamstack Together with TinaCMS: https://codingcat.dev/podcast/1-33-bringing-the-jamstack-together-with-tinacms 00:00 - Intro
00:26 - James Intro
1:28 - How did you get started in the business?
3:55 - Transitioning from dev to manager
6:05 - Transitioning from manager to Dev Advocate
8:15 - What is TinaCMS?
10:30 - Is TinaCMS only, welcome back perfect peeps to perfect.dev today we are talking about bringing the jam stack together with tina cms and to talk about that we have james perkins hey james how's it going hey thanks for having me on really appreciate it nice to have you thanks for coming now anytime you want me back i'll come again um so a little bit about james james does a weekly jam stack video on youtube with the...

Speed improvements https://blog.chromium.org/2021/05/chrome-is-faster-in-m91.html?m=1

In the recorded walkthrough, the session covers: How's it going hey thanks for having me on really appreciate it nice to have thanks for coming now anytime want me back i'll come again so a little bit about james james does a weekly jam stack video on youtube with the full crash course every other week he's building a public platform called collab stream that allows to create schedule and manage collaboration with others which by the way we should probably link.

Continuing deeper into the implementation details: Because that's the hardest part of our job james is the new developer advocate at tina's ems which is what we were talking about today and bringing the jam stack together with tina cms and i just have to throw out there before before we get started you're actually probably employed by forestry.oh yeah yeah yeah so that's that's the the next iteration of what forestry is yep so can we talk a little bit.

When applying the concepts from **Bringing the Jamstack Together with TinaCMS**  in a production codebase, teams working with Serverless, Next.js, React, GitHub should align their implementation with the [**Serverless Land & Cloud Patterns**](https://serverlessland.com/) (Event-driven architecture, functions-as-a-service, and cloud workflows). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.

### Key Engineering Takeaways

- **Core Topic Focus: ** Practical strategies for Serverless, Next.js, React, GitHub covered in "Bringing the Jamstack Together with TinaCMS" (We sit down with James Perkins to talk about how he became a developer advocate. Then we talk about how TinaCMS is changing the way we think about editing in the Jamstack.).
- **Production Implementation: ** Combine the architectural patterns demonstrated in this podcast with the official [Serverless Land & Cloud Patterns](https://serverlessland.com/) for type safety, performance, and long-term maintainability.
- **Hands-On Video Walkthrough: ** Follow along with the live coding demos and discussion on [YouTube (Bringing the Jamstack Together with TinaCMS)](https://www.youtube.com/watch?v=5m3kbQh9yYU) and subscribe to [CodingCat.dev on YouTube](https://www.youtube.com/@CodingCatDev?sub_confirmation=1) for weekly deep dives.

## Video Chapters & Timestamps

Jump directly to any segment of [**Bringing the Jamstack Together with TinaCMS**](https://www.youtube.com/watch?v=5m3kbQh9yYU) on YouTube using the timestamped chapters below:

- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Intro
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): James Intro
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): How did you get started in the business?
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Transitioning from dev to manager
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Transitioning from manager to Dev Advocate
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): What is TinaCMS?
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Is TinaCMS only for React/Next.JS or can it be extended to other frameworks?
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Tina UI experience
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Bringing the Jamstack together
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Tina Cloud
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Layering TinaCMS with other CMSs
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Will Tina Cloud have a media manager?
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): What features are coming soon?
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Who is the target market for TinaCMS?
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Cloud backend (GitHub)
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Social networking
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): YouTube videos
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Collabstream (https://www.collabstream.io/)
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): Purrfect Picks
- [**00:00**](https://www.youtube.com/watch?v=5m3kbQh9yYU&t=0s): James - Clerk - https://clerk.dev

## Resources, Links & Official Documentation

- **Watch on YouTube: ** [Bringing the Jamstack Together with TinaCMS Full Video](https://www.youtube.com/watch?v=5m3kbQh9yYU) (plus [Subscribe to CodingCat.dev](https://www.youtube.com/@CodingCatDev?sub_confirmation=1))
- **:20 - Collabstream (): ** [https://www.collabstream.io/](https://www.collabstream.io/)
- **:50 - James - Clerk: ** [https://clerk.dev](https://clerk.dev)
- **:40 - James - Proform Bike Carbon CX: ** [https://www.proform.com/exercise-bikes/carbon-cx](https://www.proform.com/exercise-bikes/carbon-cx)
- **:00 - Brittney - TinaBlog: ** [https://tina.io/blog/meet-james-perkins-our-new-developer-advocate/](https://tina.io/blog/meet-james-perkins-our-new-developer-advocate/)
- **:43 - Brittney - IFTTT: ** [https://ifttt.com/](https://ifttt.com/)
- **:11 - Alex - Chrome 91: ** [https://developer.chrome.com/blog/new-in-chrome-91/](https://developer.chrome.com/blog/new-in-chrome-91/)
- **Speed improvements: ** [https://blog.chromium.org/2021/05/chrome-is-faster-in-m91.html?m=1](https://blog.chromium.org/2021/05/chrome-is-faster-in-m91.html?m=1)
- **:50 - Flame Gaming Engine: ** [https://flame-engine.org/docs/#/](https://flame-engine.org/docs/#/)
- **Show Pick: ** [Chrome 91 (picked by Alex Patterson)](https://developer.chrome.com/blog/new-in-chrome-91/)
- **Show Pick: ** [Chrome Speed Improvements (picked by Alex Patterson)](https://blog.chromium.org/2021/05/chrome-is-faster-in-m91.html?m=1)
- **Show Pick: ** [Flame Gaming Engine (picked by Alex Patterson)](https://flame-engine.org/docs/#/)
- **Show Pick: ** [TinaBlog - James Perkins Developer Advocate (picked by Brittney Postma)](https://tina.io/blog/meet-james-perkins-our-new-developer-advocate/)
- **Show Pick: ** [IFTTT (picked by Brittney Postma)](https://ifttt.com/)
- **Show Pick: ** [Proform Bike (picked by James Perkins)](https://www.proform.com/exercise-bikes/carbon-cx)
- [**James Perkins Guest Profile & Episodes on CodingCat.dev**](/guest/james-r-perkins)
- [**James Perkins on GitHub**](https://github.com/perkinsjr/)
- [**Serverless Land & Cloud Patterns:**](https://serverlessland.com/) Event-driven architecture, functions-as-a-service, and cloud workflows
- [**Next.js Official Documentation:**](https://nextjs.org/docs) App Router, Server Actions, and rendering architecture guides
- [**React Official Reference:**](https://react.dev/reference/react) Hooks, Server Components, and UI state patterns

## Related CodingCat.dev Tutorials & Podcast Episodes

- [**Making Flutter Games with Flame Engine**](/podcast/1-34-making-flutter-games-with-flame-engine): If you love gaming and Flutter, you need to checkout Flame Engine! We sit down with Lukas, Jochum and Renan to chat about how this library works.
- [**Jamstack Handbook by Colby Fayock**](/podcast/1-6-jamstack-handbook-with-colby-fayock): Talking with Colby Fayock we dive into Jamstack security, Jamstack ecommerce, and much more!
- [**Live Coding Clerk, into Next.js with James Perkins**](/podcast/cwcc-0-9-clerk-with-appwrite): James walks Alex through how to use Clerk in Next.js

## Frequently Asked Questions (FAQ)

### What are the main takeaways from Bringing the Jamstack Together with TinaCMS?

We sit down with James Perkins to talk about how he became a developer advocate. Then we talk about how TinaCMS is changing the way we think about editing in the Jamstack. 1.33 - Bringing the Jamstack Together with TinaCMS: https://codingcat.dev/podcast/1-33-bringing-the-jamstack-together-with-tinacms 00:00 - Intro
00:26 - James Intro
1:28 - How did you get started in the business?
3:55 - Transitioning from dev to manager
6:05 - Transitioning from manager to Dev Advocate
8:15 - What is TinaCMS?
10:30 - Is TinaCMS only, welcome back perfect peeps to perfect.dev today we are talking about bringing the jam stack together with tina cms and to talk about that we have james perkins hey james how's it going hey thanks for having me on really appreciate it nice to have you thanks for coming now anytime you want me back i'll come again um so a little bit about james james does a weekly jam stack video on youtube with the... Throughout this podcast, James Perkins breaks down real-world implementation details for Serverless, Next.js, React so developers can apply these patterns directly in production.

### How do you implement Serverless best practices in production?

When adopting Serverless and Next.js in a production stack, start by validating your configuration against the [**Serverless Land & Cloud Patterns**](https://serverlessland.com/) (Event-driven architecture, functions-as-a-service, and cloud workflows). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.

### Where can I watch the full Bringing the Jamstack Together with TinaCMS walkthrough and find related code resources?

You can watch the complete video session for [**Bringing the Jamstack Together with TinaCMS**](https://www.youtube.com/watch?v=5m3kbQh9yYU) on the [**CodingCat.dev YouTube channel**](https://www.youtube.com/@CodingCatDev?sub_confirmation=1). For a deeper dive into Serverless, check out our related guide: [**Making Flutter Games with Flame Engine**](/podcast/1-34-making-flutter-games-with-flame-engine).

## ✏️ Episode Summary

1.33 - Bringing the Jamstack Together with TinaCMS: https://codingcat.dev/podcast/1-33-bringing-the-jamstack-together-with-tinacms

00:00 - Intro
00:26 - James Intro
1:28 - How did you get started in the business?
3:55 - Transitioning from dev to manager
6:05 - Transitioning from manager to Dev Advocate
8:15 - What is TinaCMS?
10:30 - Is TinaCMS only — welcome back perfect peeps to perfect.dev today we are talking about bringing the jam stack together with tina cms and to talk about that we have james perkins hey james how's it going hey thanks for having me on really appreciate it nice to have you thanks for coming now anytime you want me back i'll come again um so a little bit about james james does a weekly jam stack video on youtube with the...

✏️ Visual Architecture Diagram

## how this episode connects together.

Follow AJ from first principles to production-ready architecture.

Let’s build it!✏️ Visual Diagram: Bringing the Jamstack Together with TinaCMS✓ Good PatternVISUAL DIAGRAM[Diagram Walkthrough]Step-by-step diagram breakdown for Bringing the Jamstack Together with TinaCMS: start with James Perkins, implement Architecture & Patterns, and ship to production.AAA Contrast Verified

## episode picks.

### 🐾 Alex Patterson

- [Chrome 91](https://developer.chrome.com/blog/new-in-chrome-91/)
- [Chrome Speed Improvements](https://blog.chromium.org/2021/05/chrome-is-faster-in-m91.html?m=1)
- [Flame Gaming Engine](https://flame-engine.org/docs/#/)

### 🐾 Brittney Postma

- [TinaBlog - James Perkins Developer Advocate](https://tina.io/blog/meet-james-perkins-our-new-developer-advocate/)
- [IFTTT](https://ifttt.com/)

### 🐾 James Perkins

- [Proform Bike](https://www.proform.com/exercise-bikes/carbon-cx)

## related episodes.

[All Episodes→](/podcasts)[![Dockerless Serverless GPUs: How I Built a Fast, Cheap AI SaaS with RunPod Flash](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/78383c8986667bc1eaa504786488d88f212929a8-1280x720.jpg?w=1280&q=82&fit=max&auto=format)](/post/dockerless-serverless-gpus-fast-cheap-ai-saas-with-runpod-flash)October 6, 2026[![](/logos/tags/ai-symbol-light.svg)![](/logos/tags/ai-symbol-dark.svg)AI & Agents](/topic/ai)[![](/logos/tags/docker-symbol-light.svg)![](/logos/tags/docker-symbol-dark.svg)Docker](/topic/docker)

### [Dockerless Serverless GPUs: How I Built a Fast, Cheap AI SaaS with RunPod Flash](/post/dockerless-serverless-gpus-fast-cheap-ai-saas-with-runpod-flash)

Hosted image APIs cost 3 to 4 cents per generation. Using RunPod Flash for dockerless serverless GPUs, FlashFun.dev drops that to a fraction of a cent, turning $1 into 500 to 3,000 images. Here is the full architecture, the benchmarks, and the code.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)[![Full-Stack AI Agents in TypeScript (No Python Required)](https://cdn.sanity.io/images/hfh83o0w/production/066ca1dbf7acb97380ef228ac2354ff3df725480-1376x768.png?w=1376&q=82&fit=max&auto=format)](/course/full-stack-ai-agents-typescript)November 1, 2026[![](/logos/tags/typescript-symbol-light.svg)![](/logos/tags/typescript-symbol-dark.svg)TypeScript](/topic/typescript)[![](/logos/tags/python-symbol-light.svg)![](/logos/tags/python-symbol-dark.svg)Python](/topic/python)

### [Full-Stack AI Agents in TypeScript (No Python Required)](/course/full-stack-ai-agents-typescript)

Architect deterministic tool-calling AI agents, multi-step workflows, hybrid browser-to-cloud routing, serverless GPU dispatch, and production eval guardrails in 100% TypeScript.

[![Alex Patterson](https://cdn.sanity.io/media-libraries/mlttp0BZbCpV/images/a606dfaa381aab08ddbe16a33fe1d3e1fb37c927-400x400.jpg?w=96&h=96&q=82&fit=max&auto=format)Alex Patterson](/author/alex-patterson)