We’re incredibly excited to release TinaCMS into the wild — it’s an open-source site editing toolkit for
@reactjs
based frameworks, such as
@gatsbyjs
&
#nextjs
. Learn how to build real-time content editing powers into your site 👉🏼
#jamstackconf
TinaCMS is now fully open-source 🎉🎉🎉
Here’s an example showing the CMS frontend + backend hosted on
@vercel
(with Vercel KV) with no dependencies on Tina Cloud.
Links below 👇
✨ Introducing Tina Grande – A
@gatsbyjs
starter with full TinaCMS integration ✨
🏗️ – Blocks based page & form builder
🎨 – Full theme customization through Tina
🌙 – Dark mode
💅 – Styled Components
Check it out / clone it –
We just launched our public beta:
- Brand new dashboard
- Media Manager with
@cloudinary
- Command line quickstart
- And much more!
Visual editing has arrived!
Announcing the
#WordPress
plugin we all hoped for — made for
#JAMstack
lovers with legacy WP sites. You can now easily export your WP site to
@gatsbyjs
😻
Checkout the 'WP Gatsby Markdown Exporter' by
@mitchmac
☞
Introducing Visual Open Authoring! ✏️
Edit your live site, in real-time. Anyone can contribute. Backed by Git.
Read more on our new approach to crowdsourcing content. Better yet, try editing directly 🤯
#tinacms
#Nextjs
We're looking for React and Next.js devs to help improve TinaCMS's Developer Experience (DX)!
We're offering US$75 to those who are selected and participate in this 2-3 hour study.
Sign up 👉
From the blog ✨
Checkout part II of our series on using
#TinaCMS
🦙 with
#Nextjs
▲. Learn how to configure Tina for content editing on a simple markdown blog 👇
New Docs!📄
We noticed there was a lack of documentation for Tina's fundamental building blocks — the CMS Object, Plugins etc. You can use this information to harness Tina's flexibility or to better understand how the
#Gatsby
and
#Nextjs
helpers work ⚙️
Tina Cloud is officially in Alpha!🎉
Collaborate with your team to ship content faster
- User Management ✅
- Visual editing ✅
- GraphQL interface ✅
- Edit Content, Not Code ✅
Introducing Tinasaurus, a
@docusaurus
starter site with
@tinacms
support.
✅ UI for editing Markdown
✅ UI for embedding MDX components
✅ Integrates with existing CI/CD workflows
✅ Edit in the cloud (no local setup required)
#Nextjs
is a perfect companion for Tina, it's a rather unopinionated React framework, that gives you great flexibility when it comes to working with data at build time or at run time.
Usually plugin systems are static, but not Tina's 🔌🤔
Learn more about the approach behind dynamic plugins in the latest blog by
@ncphi
-
#tinacms
#JAMstack
We're introducing a tool that marries the power of a headless CMS with the convenience and portability of file-based content. The Tina Content API is a GraphQL service that sources content from your local filesystem.
👀Demo time with
@jeffsee_
Thank you for 7000 stars on GitHub ⭐️
The support from the community shows that git backed, contextual editing is the future... and we're just getting started!
We have a fun new project to share...
Introducing Markdown Bot! 🤖
An AI friend who helps improve your content
🚀Host the bot on platforms like
@render
or
@netlify
.
💬Comment "ai fix" on a GitHub PR and add a prompt.
📋Markdown Bot adds suggestions inline to your PR.
✅Apply
"But seriously, do my editors need to run a local dev server to edit a
#TinaCMS
site?" 🤔
Nope! Get some clarity on how Tina will work in production in our latest blog 👇
We're excited to share that TInaCMS' Visual Editing just got a major upgrade with the new "Click To Edit" behaviour! 🚀
This pops open the Tina sidebar at the right location when you click editable elements on the page.
See how it works in the thread below 🧵 1/6
Today's TinaCMS newsletter covered:
✅ Editing your TinaCMS site on
@gatsbyjs
Cloud
✅ How to create and delete files
✅ Tina Teams Update
✅ What are Blocks?
See the full newsletter here:
Subscribe to future updates:
🎉 We now support the ability to switch branches🎉
This gives you the ability to work a on branch without affecting your production site.
We are super excited about this new feature, click the link below for details on adding it to your Tina site:
✨ From the Blog ✨
Go from start to finish on adding Tina to an existing Gatsby site. In the latest post, Madelyn Eriksen gives us the low-down on configuring remark forms, using content-creator plugins, and inline editing!
Read the latest 👓
#tinacms
We built an open source GraphQL gateway on top of Git, to bring data integrity and better relationships to Git-backed Content Management.
We’re opening our private beta to Tina Cloud to provide auth and user management to
#nextjs
powered websites. 🎉
Our team is stoked to introduce new Editorial Workflow features for teams! 🚀
Editors can now work in a PR-based workflow, all through an approachable UX! 1/5
Radio group field, filtering and duplicating blocks,
#nextjs
and
@tailwindcss
demo,
@contentful
plugin, 6K ⭐, 250K 📦,
@OrbitModel
reporting more and more engaged users ❤
Thanks for pushing us moving visual editing forward!
Check out
@KendallStraut
's post on how to make a custom field component in
#TinaCMS
! While Tina provides a solid collection of fields ‘out-of-the-box’, you can also create your own, like this image saturation slider. ✨
Checkout
#tinacms
v0.31.0!
Media management just got a whole lot easier. The new media UI let's you upload, delete, and insert images with ease.
Github and Filesystem adapaters available now!
TinaCMS v0.40 introduces sidebar resizing ↔️
Go larger on higher resolutions, write long form content posts in the WYSIWYG editor, Tina🦙will adapt to your context.
Based on an initial work by
@weibenfalk
🤗
Tina v0.39.0 is available:
- CMS Provider and UI are now exported as separate components to reduce footprint in production
- When editors have more than 10 components to choose from, they can search and filter before inserting blocks
Thanks to
@FelixBoet
today we hit the 6K
@github
stars milestone. It's a long way to the top if you wanna rock'n roll. 🦙
Keep on staring ⭐️⭐️⭐️ and please share cool visual editing experiences you're buidling with Next.js and Tina.
@tailwindcss
demo 🌈
We've been focused on making
@tinacms
amazing since our initial launch in 2019.
We're excited to hit 10K GitHub 🌟 today!
....Coincidentally, right after announcing that Tina has gone fully open-source under Apache 2.0 🎉
TinaCMS is now fully open-source 🎉🎉🎉
Here’s an example showing the CMS frontend + backend hosted on
@vercel
(with Vercel KV) with no dependencies on Tina Cloud.
Links below 👇
Field plugins play a huge role in the content editing experience. You can tailor the experience even further by making your own custom fields! 🔌
Learn all about Field Plugins in the the latest from our blog ↓
TSDX is a fantastic project! It takes care of building optimized production and development builds, so we can focus on making amazing editing experiences🚀
What do Microsoft, Lyft, Peloton, Artsy, Netlify, USDA, Expo and TinaCMS have in common?
...they all use TSDX to bootstrap, build, and test their TypeScript packages
#tsdxcellent
👇👇👇
Curious how Tina Grande ☕️ customizes the Tina sidebar to match the colors on the site?
Check out our docs to learn how to override the default sidebar styles 👇💅
The 'Preview Mode' feature announced in
#Nextjs
9.3 has been instrumental to providing the ideal experience for Visual Open Authoring. Thanks to the
@zeithq
team!
We're thinking of renaming TinaCMS to Tina.js and Tina Cloud to Tina. We expect to better convey that Tina.js is responsible for the front-end and Tina for the backend.
Thoughts? 🤔
Our whole team is starting an internal three days hackathon on TinaCMS and Tina Cloud. Some intense and focused dog fooding, during which we intend to enhance both Developer and User eXperiences. 😅
Tina News!
We have two new projects underway. Also, in order to improve bundle-size we're removing the Markdown editor from the set of default plugins next week.
We're working on it!
"There’s no reason we can’t have an editing experience similar to Squarespace on a Jamstack website. When we do, you’ll no longer have to make editing trade-offs to reap the benefits of Jamstack." —
@mikeneumegen
Tina is just getting started, so what does 2022 look like?
- More frameworks
- Headless API
- New UI and so much more
@scottgallant
talks through the future of Tina and what to expect.
We just sent out the first
@tina_cms
newsletter update. If you're not subscribed, see below:
* Wrote a post about making drafts with
@gatsbyjs
* Added
#nextjs
docs
* Highlighted some Changelog updates
We take our docs very seriously, so we added a handy Feedback button to !
If you ever have trouble understanding the docs or finding the answers to your questions then drop us a line so we can clear things up!
Great article on how
@smashingmag
uses TinaCMS.
They run a massive publication on a very efficient stack...using Markdown and version control for their content. Happy to be a part of it.
With the recent integration of
@tinacms
, SmashingMag enjoys the best of both worlds — the performance benefits of static assets and the writing experience that helps streamline the editing process.
↬ A peek behind the curtains at how we manage content:
March 9th Release Notes
This week we put out a whole bunch of Markdown Editor bug fixes to help make Visual Open Authoring with
#tinacms
and
#nextjs
amazing!
"To understand better how Tina works, I decided to add it to an existing site, my Gatsby starter, Tyra. What follows is a walkthrough of my process. Feel free to use this as a reference for adding TinaCMS to an existing Gatsby site!"
And what a ride it has been. The
#Jamstack
ecosystem has proven to be a great source of innovation to challenge the status quo.
Expect more great things to come related to visual website editing from our community.
Five years ago I introduced the term Jamstack at SmashingConf in San Francisco, to describe the decoupled architecture of the modern web.
Today in
@smashingmag
I look at how this architecture has evolved since then and whats in store for the future.
Can you believe it is 2022?
Is one of your goals updating your personal site?
That means that you will need a CMS to handle all the content that drives your site and we think Tina can fill the role in some unique ways.
We're experimenting with splitting out Tina's GraphQL API from the rest of TinaCMS.
This will let you fetch your MDX/Markdown/JSON content with GraphQL without having to all of TinaCMS.
What do you think? Would you use it?
Are you based in Los Angeles and curious about
@gatsbyjs
? You might wanna check out Gatsby Days London, a 1-day conference (Feb 3rd).
Here's a discount code for 50% off: GATSBYLA50
Syntax highlighting is essential for any developer blog.
Check out our latest post from
@james_r_perkins
where he walks you through adding it to a Tina powered blog.