Keystatic
@thekeystatic
Followers
1,416
Following
42
Media
56
Statuses
219
Content management for your codebase – TypeScript API, Markdown & YAML/JSON based, no DB. Created by @thethinkmill with @keystoneJS DNA.
Sydney, Australia
Joined February 2023
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
México
• 1187573 Tweets
Morena
• 730964 Tweets
casillas
• 446698 Tweets
Xóchitl
• 367949 Tweets
The Loyal Pin is Coming
• 301154 Tweets
#ปิ่นภักดิ์Q51ใกล้เสร็จแล้ว
• 293845 Tweets
緊急地震速報
• 206633 Tweets
PREP
• 202731 Tweets
Stars
• 151542 Tweets
Florencia
• 85887 Tweets
Maynez
• 85558 Tweets
Televisa
• 75246 Tweets
LEALTAD FURIOSA
• 72166 Tweets
#Bbillkin
• 59628 Tweets
Oilers
• 57232 Tweets
$GME
• 49694 Tweets
#BILLKINBAGUCCI
• 47376 Tweets
Martha
• 31099 Tweets
Natalie
• 30079 Tweets
アラート
• 28596 Tweets
Stanley Cup
• 26599 Tweets
Panthers
• 24559 Tweets
Homely Shelter
• 22661 Tweets
Bucaramanga
• 22132 Tweets
Santa Fe
• 21458 Tweets
渡辺くん
• 19012 Tweets
Kaveh
• 17982 Tweets
Super Over
• 16785 Tweets
McDavid
• 16080 Tweets
Tommie
• 12077 Tweets
トロピカルツイスト・クワトロSサイズ
• 11702 Tweets
kcon
• 10948 Tweets
グッズ・ボイス販売
• 10112 Tweets
Early bird access to Keystatic is ⚡GO⚡
Here’s a rundown of what it is, and what’s in the box now that we’re in Alpha...
2
10
52
So, we've been a bit quiet here 😅 but actually we've been working our butts off on the editor experience (and the user experience in general). Here's a quick peek 👀at the content editing UI...
5
5
35
Tour of our Next.js + Keystatic CLI starter in less than 90 seconds 🕰️
1
3
31
Lots of new stuff on the Keystatic docs — including a "new" badge to keep up 🤗
1
5
27
Keystatic now has Blocks 👀… a new schema option to include custom blocks within an array. Makes defining pages in Keystatic a bit easier.
1
3
22
The work by
@JossMackison
on the SplitView component for Keystatic's Admin UI is outstanding 🎉
♿️ ARIA window splitter pattern
🌍 RTL support
📏 min/max support
↔️ drag "snap" region
⏎ return to default size on double click
🎹 keyboard navigation
✨ CSS variables and clamp()
2
3
22
The bar for "good content authoring experience" is being set to "high" right now. Excited to ship a version of this soon...
2
5
21
The new and simplified
@astrodotbuild
integration guide (using our new Astro integration) is live on the Astro docs ✨
0
6
20
Keystatic Cloud's admin UI...
Wed (left) vs Fri (right) 👇
If you ever needed a micro case study in the value of a fit-for-purpose design system... here you go
Courtesy of
@JossMackison
0
2
19
A cool demo by
@simonswiss
of the conditional field in Keystatic.
Show a different set of fields based on a... condition ⚡️
0
4
16
An often-requested feature — batch commits — is coming along nicely ✨
Amazing efforts by
@JossMackison
to ensure top-tier accessibility ❤️
0
4
15
Sandboxing an approach to Localising the Keystatic editing interface 🌍🌏🌎
1
1
15
Awwwwwwwwwww 🥹
Can we reach the heart-warming milestone of 1K followers before Christmas? 🎄
17 to go 🥺
0
6
10
0
0
15
Drag n' drop + bulk uploads now available in Keystatic Cloud 🚀
0
3
14
Building out the website to soon include Docs 📖🙌 Here's a sneak peek of the responsive nav
@jtbrolin
is working on rn 🍔
0
2
13
Keystatic with Astro is pretty sweet 🤙
0
2
13
This is pretty noice!
Static MDX blog with dynamic Astro DB likes count 🤗
@thekeystatic
+
@astrodotbuild
DB is *nice* 👨🍳
Light mode FLASHBANG + outdoors with birds — deal with it 😎
2
11
80
0
2
13
Batch commits — Still WIP, but... 👀
Keystatic is almost ideal
I wish merging pull requests would be built into
@thekeystatic
dashboard
I don't want to rebuild on each change, so it would be nice to push into not main branch
And then have "publish" button to merge into main branch and run rebuild
1
0
1
1
0
14
You know you're on to a good thing when it feels good and fast and nice to build and ship real things with your thing, before you have this sentence worked out... 😆
But also... TODO 📝
0
0
12
Many of you requested the ability to change the Keystatic logo in the Admin UI.
We've shipped that and a few other nice customisation features 🎉
0
1
12
A good read about rebuilding to use Keyastatic ✨
1
2
12
Can we reach the heart-warming milestone of 1K followers before Christmas? 🎄
17 to go 🥺
0
6
10
Added a new Resources page on the Keystatic docs — will bring some more stuff in the near future.
A good place to collate all the different bits of Keystatic content out in the wild 🤗
0
2
11
Published a guide on using
@astrodotbuild
's <Image /> component with Keystatic, since it's is sorta tricky.
It covers uses cases for both "standalone" images (stored in frontmatter) and images inside content components.
0
2
11
Keystatic 🤝 MDX
0
0
11
You can track Keystatic progress over at GitHub. Give us a ⭐ if you like what you see 💙
0
1
11
🧃 Little quality of life addition: when copying, the editor will put the markdoc for your selection on the clipboard so you can copy/paste content between the Keystatic editor and a text editor without losing formatting, blocks, etc
0
0
10
🚀+⚡️ 🔜🪄
Pretty excited about the smooth
@thekeystatic
🤝
@astrodotbuild
integration happening soon.
You can already use Keystatic with Astro, but it's about to get **much simpler** 👀
6
3
39
0
1
10
Check out
@simonswiss
' latest step-by-step guide to add
#Keystatic
to an existing
@astrodotbuild
v2 project.
0
3
9
⚡🥳
0
3
9
Bring content editors within the fold, without changing how your devs like to work ❤️
0
5
9
🤗
@astrodotbuild
🤝
@thekeystatic
🤗
Just updated the
@astrodotbuild
guide on the
@thekeystatic
docs website!
Added the new "hybrid" output mode, and a walk-through of using Astro's content collections to render Keystatic content 🎉
2
5
39
0
2
9
Watch
@simonswiss
build the front-end of the ✨very first Keystatic starter template✨ made with
@nextjs
🤝
@tailwindcss
0
3
8
⚡️ It's been a busy few weeks behind the scenes at Keystatic, lots of *new* features including:
🔲 Support for tables
⚙️ UI Popovers
🖼 Image field
Check out the demo videos and stay up to date here
1
5
8
👀
Look at this 3-way editing experience
@CML703
has been working on for the
@thekeystatic
homepage 🤩
0
0
18
0
0
7
The Astro integration for Keystatic and the Keystatic CLI now support Astro v4✨
0
2
7
The MDX and Markdoc fields have moved to stable and into core fields 🎉
1
1
7
🚀 New guide alert
No more waiting for deploy previews — leverage
@nextjs
' draft mode to *immediately* see your Keystatic changes ✨
0
0
7
@simonswiss
@astrodotbuild
You can experiment with this today:
```import { __experimental_mdx_field } from '@keystatic/core/form/fields/markdoc'
```
Then, in your collection/singleton schema:
```
schema: {
content: __experimental_mdx_field({
label: "MDX content",
// ...
})
}
```
0
0
4
We’ve made some quality of life updates to the Blog template. Looks and flows a bit nicer. Thanks ChatGPT &
@startupphotos
for the filler content
1
0
6
Here’s where Keystatic can shine 💡
By putting an intuitive interface in front of the data, Keystatic has made it easy for content people to manage the strings without losing all the benefits of git-based version control that devs really need.
1
2
6
Keystatic + Next.js, From Zero to Hero
90 minutes of compressed learning 🧠
0
0
6
Think:
🔸 personal blogs
🔸 landing pages
🔸 company websites
🔸 design system docs
When housing content in a distributed-source-of-truth (git) makes the most sense.
1
0
4
It will respect your preference for light & dark presentation modes 🌞🌚
1
1
4
Keen for the IRL low-down on Keystatic? We're giving a little intro talk at the upcoming React Sydney meet-up.
Stay tuned for the event registration page.
And... we're back, everyone! 👋🥳Join us on the 29th March at 6pm for our first ReactSyd event in a while. Same awesome venue at Dovetail in Surry Hills.
More details to come but, for now, any speakers interested to join the line-up?
3
5
19
0
1
4
Worth noting, this example uses Google Translate to convert the strings... so they may not be perfect.
However, with Keystatic anyone with a GitHub account can fix or improve these entries without having to worry about npm and syntax errors.
0
0
4
You can use it right now (understanding it's __experimental) 💫
API is very similar to the document field, but with new (more capable) "content components" 🎉
0
0
4
We’ve taken
@KeystoneJS
’ powerful Document Field & adapted it to work with Markdoc directly in your repo.
1
0
4
While it’s still early days, we’re really happy with the progress we’ve made…
1
0
4
Yes, this
Spent the entire Sunday assembling a site with Next.js 13 App dir, Tailwind UI components and Keystatic.
Got two non-developer admins losing their shit on how awesome everything is.
We discuss a content model, minutes later they can yolo content to prod while I create layouts.
1
0
21
0
0
4
We’ve taken
@KeystoneJS
’ powerful Document Field & adapted it to work with Markdoc directly in your repo.
1
0
4
There’s also a bunch of localisation possibilities that we’re really excited about.
Sandboxing an approach to Localising the Keystatic editing interface 🌍🌏🌎
1
1
15
1
0
4
🤩
0
0
4
2
0
4
It’s designed to be an incremental improvement on how you’d build your website *without* a CMS.
Helping you interact with content & data that’s *part of your source code*.
1
0
4
Looking great!
New theme release - Dawnlight
A beautiful affiliate and blog template. Super easy to use with swappable components / sections, and Keystatic CMS for easy editing
Plus:
- Categories and tags
- Animations
- SEO
- and a bunch more
Check it out below 👇
1
1
2
0
0
3
We’re a little light on documentation at this stage, but you can take Keystatic for a test drive with our Blog and Landing Page starters.
1
0
3
Stay connected to the latest Keystatic news by signing up to our mailing list 📨 💛
1
0
3
👩🍳💋
New syntax highlighting for
@thekeystatic
document editor's code blocks, with support for dark mode 🌘
1
3
13
0
0
3
Pheeewww — quite the detailed talk walkthrough by
@simonswiss
here 👀
If you missed last night's
@sydjs
talk, this should get you covered!
Last night, I talked about 7 (ish) things I love about
@thekeystatic
after 5 months of using it nearly full-time.
Here's a Twitter version of that talk.
Not posting it as a thread — will just progressively add responses to this initial Tweet.
Let's go!
5
6
41
0
1
3
Keystatic opens up code-based content to people who aren’t technical, or who would just prefer to write & manage content in a UI that looks more like a CMS than IDE.
1
0
3
Think:
🔸 personal blogs
🔸 landing pages
🔸 company websites
🔸 design system docs
When housing content in a distributed-source-of-truth (git) makes the most sense.
0
0
3
Keystatic opens up code-based content to people who aren’t technical, or who would just prefer to write & manage content in a UI that looks more like a CMS than IDE.
1
0
3
...bringing content people into a developer-based workflow.
Giving them intuitive access to parts of the repo where before they had none.
1
0
3
that's good value honestly
👩💻 55 lines of config
✍️ 643 editable entries
👨🍳 1 gorgeous Admin UI
2
1
35
0
0
5
Asked DALL-E to illustrate the "dual editing" experience from Keystatic 😅
1
1
3
Big sibling just turned ten! Happy first decade
@KeystoneJS
🧁
Today ten years ago, on the 2nd of July 2013 at 3:01pm AEST,
@JedWatson
made the first commit to the
@KeystoneJS
project, aptly labelled 'Initial commit'. Happy first decade
@KeystoneJS
🎂and thanks to the devs, and our peers, who've gone the journey with us!
0
0
16
0
0
3
Decent opportunity to get
@simonswiss
to volunteer work into your project — sounds like a good deal 😅
Anyone with an existing
@astrodotbuild
website using MDX/Markdoc with content collections interested in me doing a PR adding
@thekeystatic
to the project?
Project repo must be public, for others to learn.
Bonus points if you're using custom components (blocks) in the content.
3
1
19
0
0
2
0
0
2
@logan_liffick
@mattsichterman
Simon (
@simonswiss
) here — my wife and her business partner are not technical at all, but don't need to be.
They enjoy using Keystatic on the Star Athletics website!
Yes, okay, they can tap my shoulder to get dev help, but... they never really need to!
0
1
2