Loving Tina? us on GitHub0.0k
Tina进入Beta阶段
August 19, 2021
By James Perkins

自6月2日我们推出TinaCloud alpha以来,Tina团队一直在努力工作。我们收集了所有的反馈和想法,并进行了迭代,以大幅改进产品。alpha版本包含了核心产品,但我们知道有一些功能我们想立即添加,包括简化的集成路径。

我们很高兴地宣布,Tina进入了beta阶段,所有核心功能都已就位,您的团队可以在Next.js网站上获得出色的内容编辑体验!如果您和我们一样兴奋,可以通过注册开始使用。但首先,我希望您能继续阅读,了解团队的愿景、所学的经验以及我们添加的内容。如果您是Tina的新手,这里有一个快速演示:

来自我们CEO Scott的简短信息

Tina Beta是一个重要的里程碑!所有核心功能都已就位,团队可以在他们的Next.js网站上编辑内容。当您将出色的内容编辑体验添加到存储在Git仓库中的内容时,我们只是触及了可能性的表面。我们的目标是为开发人员和内容编辑者提供10倍的体验。

所学的经验

在alpha阶段,我们学到了很多,这使我们能够推动产品向前发展。

  • 用户使用Tina进行第一次提交的时间比我们预期的要长得多。起初平均超过8小时。这向我们表明,即使是我们的入门也需要很长时间来设置。
  • 使用我们的入门后,您有很多问题,主要围绕内容建模,而我们的文档没有回答这些问题。
  • Tina可以在大型网站上用于生产环境,开发人员和内容作者都喜欢它。
  • 创建一个Discord使我们能够实时提供和接收反馈,这使我们能够快速添加功能、修复错误并帮助人们解决问题。

Beta对您的意义是什么?

我们相信我们的产品将出色的开发者和内容创作者体验结合到一个产品中。从alpha到beta的更新如此之大,我想为每个部分写一个简短的段落。以下是每个更新的列表,您可以随意点击以查看详细更新:

Tina laptop

准备好开始了吗?

快速使用TinaCloud运行一个网站!

快速入门指南

开始使用Tina

我们希望加快Tina的启动和运行,无论这是一个新引导的Next.js应用程序还是您的生产应用程序。我们引入了几项改进:

  • 更好的文档
  • 一个tina init命令
  • 新的和改进的指南

更好的文档

Tina的文档是我们希望尽可能改进的东西,我们发现人们对Tina的概念不太确定,因为我们在文档中没有清楚地解释它们。我们花时间编写文档,使任何经验的开发人员更好地理解Tina的每个部分,它们如何协同工作以及如何完成特定任务。

我们还移动并创建了新的导航菜单,以更好地传达文档的意图,例如,如果您正在寻找Next.js API,我们有一个专门的部分。

CLI中的新初始化命令

Tina init是我最喜欢的Tina体验新增功能。一个命令可以在Next.js应用程序上引导Tina,并为您完成所有繁重的工作。团队花了相当多的时间来研究和完善它,以达到最佳效果。命令npx @tinacms/cli init目前执行以下操作:

  1. 安装应用程序的所有依赖项
  2. 将更新的Tina命令添加到您的package.json中(devbuildstart
  3. 将您的app.js / app.tsx包装在我们的TinaEditProvider
  4. 创建可以测试Tina的演示数据。
  5. 创建一个管理员路由以允许人们编辑,并提供退出的方法。
  6. 创建一个架构文件,准备好让您塑造您的内容

这使您可以快速移动并体验Tina,而无需编写任何代码。然后,当您准备好时,您可以轻松扩展它以使用您现有网站的部分内容。

改进和添加指南

当我们引入Tina时,我们有一个指南可以让您使用我们的TinaCloud入门。这是用户体验Tina的好方法,但我们发现人们错过了一些Tina的关键概念。

我回到绘图板,创建了一个新指南,将Next.js入门博客添加Tina和TinaCloud,同时在我们进行的过程中解释每个概念。这感觉像是展示Tina、学习如何使用Tina的完美方式,许多用户都熟悉这一点。

我们还删除了不再推广Tina最佳实践的旧指南,并将我们的一些其他指南移到了我们的实验部分。对我们来说,实验意味着我们不能保证使用的包不会出现错误或问题。

改进我们的Tina入门

Tina入门最初是为了展示“Tina的力量”而构建的,虽然它做到了这一点,但我们觉得它没有展示一个真实世界的例子。所以我们回到绘图板,创建了我们新的Tina入门,其中包括一个登陆页面、博客和关于页面。您可以编辑和重新排列内容,我们使用TailwindCSS对其进行样式化,使其更加闪亮!以下是您可以做的一些工作的示例:

媒体管理器

媒体管理器是我们为TinaCloud所需的最重要功能之一。我们的Cloudinary媒体管理器允许您更改图像、上传新图像以及删除不再需要的图像,而无需离开Tina编辑体验。

我写了一篇博客文章宣布它以及如何将其实现到您的应用程序中。

缓存改进

速度和性能是我们一直在积极努力的事情。我们在幕后引入了一些改进,以改善我们检索网站数据的方式。Tina是精心构建的,考虑到了性能,现在更快了!

创建@tinacms/toolkit

TinaCMS是用小型模块化包构建的,这意味着我们严重依赖于React上下文。过度模块化我们的工具包导致的依赖不匹配,导致许多与缺少上下文相关的错误。

我们的开源团队创建了@tinacms/toolkit,将Tina的基本要素整合在一起。这简化了您作为用户和Tina作为产品的一切。

您可以在我们的固定GitHub问题中阅读所有更新以及我们决定进行更改的原因。

Vercel集成

我们希望在测试TinaCMS时将摩擦降到几乎为零,因此我们致力于添加Vercel集成。这意味着如果您注册一个帐户,您可以一键部署并在几分钟内开始使用我们的入门玩转TinaCMS和TinaCloud。未来我们将添加将任何应用程序部署到Vercel的能力!

仪表板大修

在alpha阶段使用TinaCloud时,我们的仪表板用户体验不是一流的体验,有时可能会令人困惑。我们完全大修了仪表板,使其更容易、更快捷地将应用程序添加到云中,邀请用户,并找到重要信息,如网站URL或客户端ID。

如果您使用了alpha版本,您将需要重新注册,因为我们在后端处理用户注册的方式上进行了重大更改。

内容建模的变化

内容建模是您与TinaCMS交互以及检索内容的核心。我们决定做出一个重要的改变,更加基于原始类型。

这允许简单的查询,不需要消歧,我们相信这将使您作为开发人员能够轻松地编写查询。

如果您使用了Tina的alpha版本,您可能想阅读这篇文章,团队编写了这篇文章来解释所有变化以及如何迁移

给我们反馈!

整个团队对进入beta阶段感到非常兴奋,并希望您能查看并给我们诚实的反馈。我们想听听您的项目,或者让我们知道TinaCloud如何帮助您的团队取得进展。

要随时了解Tina的动态,请务必关注Twitter上的@tinacms。想与团队聊天?加入Discord

敬请期待更多改进、功能、社区构建的项目等!

Last Edited: August 18, 2021