独立开发者一个前端库月入2万刀 AMA

最新推荐文章于 2024-09-18 15:41:06 发布

PlayerYK

最新推荐文章于 2024-09-18 15:41:06 发布

阅读量1.4k

点赞数 1

文章标签：大数据编程语言人工智能 java python

原文链接：https://mp.weixin.qq.com/s?__biz=MzU1MzAyODM5Nw==&mid=2247484101&idx=1&sn=1e71d69bb6901e81717e3247d6637bb1&chksm=fbf85c87cc8fd591fd12e2d1bb7833ad30c516655abf5cd0e016d09cf724d463b51890cfb03a&scene=126&&sessionid=0

版权

【本文8803字，阅读预计需要23分钟】

什么是AMA？

"AMA"是一个缩写（Ask Me Anything），意思是 "问我任何问题"。AMA 一般指的是一种非正式的采访，在这种采访中，公众可以向他们提出任何他们想知道的问题，受访者公开回答。

AMA 通常在各种社交媒体网站上在线进行，问题可以通过评论轻松提交。

本文翻译了2021年7月6日，一个 JavaScript 插件开发者，月收入达到两万美元的时候，举行的一场 AMA 活动。

原帖：

我的 JavaScript 图像编辑器收入达到了每月两万美元 → AMA！

嗨，各位独立开发者！

我是Rik！我是一个 39 岁的前端开发人员，我和我的妻子以及两个年幼的孩子住在荷兰的南部（GMT+2）。

5 年前，我降薪 70%，开始追求自己的梦想，停止了所有的前端开发咨询工作，准备只靠销售网络产品谋生。我花了一些时间，但今年我从产品中获得的收入，终于超过了以前做顾问的收入。

Pintura^[1] 是一个 JavaScript 图像编辑器 SDK。兼容所有流行的框架，能帮助用户上传更好的图像。我在 Twitter 和 Indie Hackers 上公开 Pintura 项目，分享遇到的挑战、正在进行的工作以及收入情况。

Pintura 最初是我的免费文件上传组件 FilePond^[2] 的一个付费插件。推出后，我迅速进行了调整，让这个项目独立发展。从那时起，我一直在扩展和改进产品。

现在，有 1000 多家公司的产品使用 Pintura，其中包括 Dropbox、Square、ConvertKit 等熟悉的名字。

对 "Pintura" 这个名字，你可能没什么印象。你可能更熟悉它以前的名字 "Doka Image Editor"。对商标的学习是件有趣的事情。😅

好了，让我们开始吧！AMA！

Rik Schennink^[3]于2021年7月6日

1. 你能谈一谈分销渠道吗？

具体来说：

在不同阶段，大多数客户来自哪里？
哪些渠道对你有用，哪些没有？
有什么渠道是你打算在未来尝试的吗？

在不同阶段，大多数客户来自哪里？

最初，大多数客户来自于我在 Twitter 上公开发布的 FilePond。当我开始开发 Pintura 时，就有人表示愿意付费。因此，当我推出时，已经有一些用户了。

然后我在 FilePond 的 GitHub（支持不同框架的多个库）和产品网站上宣传 Pintura。

我现在专注于内容营销和联盟合作。

哪些渠道对你有用，哪些没有？

其他项目引流，如FilePond → Pintura。
联盟合作可以带来很好的流量。我已经和几个开源项目的开发者建立了伙伴关系。
内容营销，这是一个漫长的过程，但随着文章带来的流量慢慢增加，最终使域名的相关性也增加。

不起作用的是广告，效果难以衡量。开发人员不会当场购买 Pintura。我主要关注的是增加知名度，这样当用户以后遇到图像编辑问题时，就会想到 Pintura。

你打算在未来尝试什么渠道？

我想回到 FilePond，还有很多可以挖掘的东西。所以计划在过去 3 年经验基础上，创建一个全新的版本。应该会增加知名度，产生新的销售。

此外，我还没有试验过YouTube，也许应该发布一系列视频，做个尝试 :D。

2. 有没有尝试 WordPress 插件？

尝试 WordPress 插件应该也是一个相当好的机会，很多插件都是云端方案，没有集成在插件里。

回答

当然！我在 2019 年底做了一个 WordPress 媒体库版本，但最后没有真正落地，因为我太害怕正式推出这个版本了。

说实话，我很害怕不小心搞坏了别人的插件。WordPress 的市场是如此之大，想要和所有流行的第三方插件兼容超级困难。再加上我在 WP 社区不是很活跃，这个项目就这样离我越来越远了。

我决定把 Pintura 授权给第三方，让他们为 Shopify、WordPress 和其他平台开发插件，这样可能会更好。(如果有这样的开发者感兴趣的话，请联系我！)

我目前正在和一个第三方开发者谈判，他们将使用 Pintura 发布一个 WordPress 插件。

3. 追问 WordPress 插件

（上面回答中的尝试）很有意义。在我发帖之后就想到，管理 WordPress 的用户太麻烦了。解决插件生态的冲突等问题也绝对是一场噩梦。通过授权，把这种问题交给别人，非常聪明。

回答

正是如此！这种做法非常诱人。因为这是一个巨大的市场，而且 Pintura 是一个缓慢销售的产品，用户不会当场购买，换成 WordPress 插件来说就不一样了。我很想有一天能这样卖出产品。:)

4. 为什么不直接面对 C 端用户？

你认为是一种缓慢销售的产品，可能是你自己限制了自己。我觉得是你的定价方式导致了这样的结果。

也许可以做一个后端管理界面的工具插件。比如我所有网站后台都使用了图像压缩插件，我可以批量上传图片，并自动压缩。

如果你这样定位 WordPress 插件，或许真的可以"预装"在每个网站上。一个想法不一定对 :P

回答

同意，我也认为订阅模式决定了这个特点。

跟你一样想法，让我在一年前启动了 WordPress 版本。这当然也是一个市场 :)

5. 要不要做成独立产品？

祝贺Rik！似乎很自然地会产生这样的想法，不知道是否有人提过了，你考虑过将产品扩展成一个像 Photopea 之类的编辑器产品吗？

回答

这很诱人，但我怀疑要做到像它一样水准的实时/动画/互动界面会非常困难。

我觉得 Photopea 是一个了不起的项目，但它的目标不是休闲的移动用户，它是一个图形编辑器，不是照片编辑器。

我想专注在轻松的照片编辑体验的利基市场，想在移动端和桌面上都有极佳的接近原生的体验。就目前的网络状况而言，这已经是一个很大的挑战了 :D

6. 追问上一题

有道理。我同意 Photopea 是一个竞争相当激烈的产品，哈哈。但即使在休闲编辑市场中也有可以发掘的空间，比如如 Canva。还有一些专注某些群体的照片编辑，比如 Bannerbear 就专注于为社交媒体和广告优化照片。

确实有很多利基市场需要关注。我很想知道你在考虑什么样的联盟或其他类型的伙伴关系。也许我们可以建立一个工具/产品，为 Pintura 带来流量。

回答

当然，这个 SDK 有很多用途。

我决定专注于 SDK 本身，让其他人找到成功的方法，因为有太多的方向可以用到。

对于许多产品创意来说，普通的软件许可已经足够了。针对开发者的产品，或 Pintura 的竞品，需要有一个 OEM 许可证，合作伙伴和我都能从成功中获益。我也会跟对方讨论这种合作方式，一般都是按季度销售额的一定比例分成。

然后是将流量引向 Pintura 网站的合作伙伴，能从每次订阅中获得 25% 的收益。有些人每月可赚取 500 美元以上，对被动收入来说，我认为这是相当不错的收获了。

如果你有想法，请联系我。我很乐意讨论合作机会。

7. 内容营销、个人工作、自律

嘿，Rik，你的经历真是太棒了（而且有点让人嫉妒！）。

你做过的内容营销中是有没有让你感到意外好的效果？
如果你没有开发 Pintura 产品，你会从事什么工作？
你是否需要提防自己去做 "下一件很酷的事情"？你是如何约束自己的呢？

回答

很好的问题 :D

你做过的内容营销中是有没有让你感到意外好的效果？

我发现，表现最好的文章，是那些我根据 Stack Overflow 最受欢迎排行上找的主题。这篇关于将文件转换为base64 DataURL^[4]的文章就是一个完美的例子。随着时间的推移，它带来的流量也慢慢增加。

我写的其他文章主要是来自我开发时遇到的有趣的CSS技术，这些文章通常都是命中率很高，但单纯做内容营销会有点无聊，所以我也写一些奇怪的主题，反正无伤大雅 :D

如果你没有开发 Pintura 产品，你会从事什么工作？

我在其他回复说过，我 2011 年发布了一款 iOS 游戏（我做了2年）。之后，我决定开始开发、销售网络组件，因为我觉得自己做比受雇于人是更自然的事情，比起 Objective-C 我更精通 JS。此外，网络组件/插件的开发时间更短，所以风险更小，而且能更快地了解哪些是可行的，哪些是不可行的。

我以前一直想回到游戏开发，计划通过网络产品赚取足够的收入后再开始。不知何故，我慢慢忘了这件事，直到2020年初，有人问我 "当你达到月入一万美元时，你打算做什么"，我才重新想起来。我目前在做的事，真的是有太多的乐趣了。

所以回到这个问题，我想我应该是在做一个新的游戏，在那里的创作自由是非常惊人的 :)

你是否需要提防自己去做 "下一件很酷的事情"？你是如何约束自己的呢？

我曾几次踏入这个陷阱。特别是在 WordPress 版本的 Pintura 时，事情很快就失控，导致我没有足够的时间从事 Pintura 本身的工作。

这让我学到，在尝试新东西之前，我必须对项目的利弊有一个非常清楚的认识。我目前写下了一些新的想法，方便以后选择。但是鉴于目前的收入仍在攀升，让我有足够的能量和注意力继续坚持。

8. 怎样保证不被侵权？

令人印象深刻的经历，祝贺你的2万美金MRR里程碑！💪

我正准备对 MagicPattern.design（一个背景生成器）进行类似的实验，将核心编辑器作为一个独立组件授权给大公司/组织。

我的问题有点 "技术性"，但困扰了我很久。

你如何确保客户不会购买 Pintura 后，改成他们自己的产品重新出售（更糟糕的甚至开放源代码）？

如果出于安全原因不想分享，完全理解。

回答

谢谢吉姆！

非常喜欢你的网站，这些工具看起来都设计得很棒。👍

坦率地说，我没有任何措施，也没办法防止。如果有观众发现可能未授权使用，会告诉我的。

我曾想过做个上报功能，但那会涉及到安全/隐私问题，而且需要我设置一些东西来处理Ping。

我目前以压缩包的形式提供软件包，一直在考虑一种方法，为每个软件包添加一个隐藏的唯一的ID。但由于是 JavaScript 项目，可以很容易地被删除。

考虑到可能会给实际客户带来的额外风险和麻烦（bug等），我认为这不值得，因此我没有设置域名密钥之类的手段。

9. 这也能卖钱？

这不就是一个前端库吗？我不明白你是如何销售出去的，更不用说这么多收入了，不是有一百万个免费库可以做这种事情的吗？

回答

我确实说过可以问任何事情，就算没说，这也是一个完全有效的问题 :)

从理论上讲，这确实 "只是" 一个前端库，而且有很多开源的替代品。

但是，这些开源图像编辑、截取工具没有一个能接近 Pintura 提供的用户体验和大部分功能。

我主要是在用户体验上做了区分，并专注在每个设备上都有类似于本地的外观和感觉。大多数开源解决方案都很像网页产品，在移动设备上的效果不是很好。

在这个问题上有很多小细节。一些公司明白，让开发人员使用一个开源的解决方案，然后根据需要进行修改，比每年支付 649 美元购买一个持续维护，而且在出问题时，可以直接、快速支持的解决方案要贵得多。

我的挑战是如何说服所有其他的开发者 :)

10. 为什么改名？

嗨，Rik！

我已经在 Twitter 上关注了一段时间，喜欢你的技术更新和对细节的关注。你的分享很有启发。

你能详细介绍一下改名的情况吗，你遇到了什么具体问题，根据你的经验，你对命名/商标有什么建议吗？

回答

嘿！

我在 2020 年 12 月底收到了一封商标侵权信。简而言之，"Doka"这个名字已经被一家大公司使用了，我应该停止使用。

"Doka "是荷兰语中 "Dark Room"的一个摄影缩略语。当我最初挑选这个名字时，我确实搜索了一圈，没有竞品在使用。

在聘请了一名律师，来回发了一些信件后，我的律师建议我放弃，因为他们确实有一个案例。我不确定他们是否有充分的理由，但我没有精力进一步追究，所以决定重塑品牌。

一些建议。

不要自己与另一方沟通。让律师来处理。据我所知，如果涉及到法庭案件，你自己说过的话可以作为证据使用。由律师来说是不同的。免责声明，我不是律师。
在选择名字之前，欧盟商标要搜索BOIP商标注册，美国商标要搜索美国专利和商标局。如果是已有商标要确保是在明显不同的品类注册。
检查你的品牌的不同拼写方式。确保翻译后也足够独特。
你可以要求进行商标清查，以了解你的名字是否仍然 "自由" 的程度。这些通常在几天内可以完成。商标注册过程本身需要几个月。

11. 使用的工具栈

你开发用的是什么工具栈？

回答

Svelte / TypeScript用于组件本身+自定义Rollup构建以输出不同框架的适配器组件
Eleventy + ConditionerJS 用于产品网站
文档搜索用 Lunr
支付用 Gumroad
跟踪使用 Simple Analytics
错误跟踪使用 Sentry
门户网站用 PHP+MySQL（正在切换到SvelteKit + PostgresSQL）
托管用的 Render
电子邮件用 Sidemail
设计使用 Affinity Designer和Sketch

12. 客户会续费吗？

恭喜你！💪💪

我已经看了几乎所有的回答，所以我只有很少的问题要问！

即使客户不继续支付订阅费，其实他们可以一直使用这个产品。那么，订阅实际上只是为了获得技术支持？

你是怎样做客户支持的？有没有使用第三方服务？

价格页面上的 "Manage developers"是什么意思？🤔

回答

谢谢你，伙计！

即使客户不继续支付订阅费，其实他们可以一直使用这个产品。那么，订阅实际上只是为了获得技术支持？

是的，许可证是永久的。订阅是为了获得支持，也是为了获得更新。我发现后者是开发者会续费的唯一原因。

只能订阅，因为我使用 Gumroad 收款，还没有时间来简化后台的工作。我向用户保证 "永不涨价" 的订阅模式是在 Gumroad 上最简单的方式。

等我重写后台后，我可能会改成 "一次性付款+3个月内免费更新的许可证"。

你是怎样做客户支持的？有没有使用第三方服务？

目前都是用电子邮件。不是很完美。但对于少量的日常支持来说，已经足够了。

价格页面上的 "Manage developers"是什么意思？🤔

购买了 Small Business 和 Enterprise 许可以后，可以授权让团队中的开发人员使用该许可证，开发者就可以提交售后支持、下载软件。Hobby 许可证没有这个功能，独立开发者和业余爱好者主要自己捣鼓，不需要这个功能。

也许应该解释得更清楚一点😄

(译注：此处文案已经改为 “邀请开发者”）

13. 用什么做分享图？

祝贺你！刚刚在Twitter上关注了一下，你用什么来创建你的 GIF 分享图？

回答

我使用 Kap，然后通过 ezgif 进行优化。

14. 收入曲线图怎么做？

你从哪里得到主图中显示你的2万MRR的销售图？

回答

这是 Gumroad 的销售图。我用 Mac 电脑自带的预览工具，在 20K 大关处加了标志和一条线，总感觉打开 Sketch 太麻烦了。

15. 其他收入？

祝贺你！

我在想这个问题。

5年前，我降薪70%，停止了所有的前端开发咨询工作，以追求通过销售网络产品谋生的梦想。

这是否意味着你已经有项目产生了这 30% 的收入？

回答

谢谢！我作为自由职业者做前端开发的咨询工作，每月能赚到2万左右；在 CodeCanyon 上销售产品也能赚到1千到2千左右。

当我开始开发 Flip 时，我就告别了这种收入（产品很酷，但不是人们想要的东西，我也不知道为什么要做它 :D），然后是 FilePond。我有一份每周 8 小时的无障碍咨询工作，其余的时间都花在了建立 FilePond 上，最后当我了解到文件上传插件商业化行不通的时候，我又开始了 Pintura。

当 Pintura 达到约 4K MRR 时，我结束了无障碍咨询合同，全身心投入。

16. 测试环境？

祝贺你！我记得在Nathan L.节目中看过你的采访。

问：你是否有多个环境进行测试？sit, uat, beta？如果有的话，你是如何在管理这些环境的同时进行测试/QA的？

回答

啊，是的！这是我第一次做播客。我应该做好准备的，去之前不知道 Nathan 播客的形式。

很好的问题！我使用 BrowserStack 来测试多个设备和浏览器版本。每次构建自动运行单元测试和集成测试。环境和设备会定期扩展。

可能远没有大公司做得那么彻底，但它涵盖了最重要的方面，而且与大多数 "大公司"相反，我可以非常迅速地发布热修复和更新。

而且，即使是这些大公司的测试也不会涵盖一切。本周我还在苹果的 iOS 照片编辑器中碰到一个奇怪的错误。这让我感觉无意中引入的意外 bug 也没那么糟糕。

17. 关于商标

哇... Dropbox 和 Square 都在使用你的图片编辑器。这真是太棒了。

你能向我们推荐一些关于商标的资源（网站、书籍、人）吗？

回答

是的，仔细想想，这还真有点疯狂！

我在网上搜索了一下，但有那么多关于商标的文章，我不知道该相信什么。说实话，与律师的谈话让我大开眼界，所以我最近打算写文章说说我学到的一些东西。对我的案子的分析，对方的索赔等，应该很有趣。

18. 有关着陆页

真是个不错的产品！演示和着陆页都很到位。

我有两个问题要问你。

你经过多少次修改，才让文案和着陆页达到现在的效果？
还有，我是一个 JS 爱好者，我一直想建立一个类似 Pintura 的东西（不是图像编辑器，而是一个在前端的多JS环境的SDK工具）。有什么流程可以找到一个有价值的问题/解决方案吗？

回答

经过多少次修改才使文案和着陆页达到现在的效果？

我在不断地更新和微调文案，有很多版本。正在慢慢学习如何销售价值而不是功能，这是我一开始没作对的事情之一。我还在学习中，因为作为一个开发者，脑海中只有功能 :)

目前正在（以不侵犯隐私的方式）测试访客是否在使用 “桌面版/移动版” 切换按钮，如果他们不使用，我会把手机预览也抽出来展示，因为显示出移动端功能也很重要。

有什么流程可以找到一个有价值的问题/解决方案吗？

我从另一个回答复制过来我的过程。

我在 CodeCanyon 上发布了第一批产品。了解了什么是有效的，什么是绝对无效的。在几个表现一般的产品之后，我需要找到一个更好的方法来决定做什么产品，因为浪费的时间不会有任何回报。抛开"只建立很酷的东西"的想法，开始在 CodeCanyon 上搜索那些在他们品类中处于领先地位的产品，然后挑选一个我认为可以做得更好，或以不同方式做的产品。这种方法很有效。

简而言之。你不一定要原创。试着找到一个利基市场，找一个你可以在不同的指标上胜过已有的产品。

19. 你现在有多少名员工？

你现在有多少名员工？

回答

没有！这是一个人的项目，我偶尔会向我妻子请教。

20. 市场调研、第一批客户、SEO

这是个好产品，我有几个问题。

在开始之前，你是否对市场进行过任何研究？如果有，你是怎么做的？
你是如何找到第一批客户的？
你的网站SEO很好是如何做到的？

回答

在开始之前，你是否对市场进行过任何研究？如果有，你是怎么做的？

2009年我做了一个iOS游戏，在2011年完成，做得还不错。作为一个前端开发者，我想我可以尝试用我的技能在CodeCanyon（一个在线插件市场）上创建和销售插件。

就这样，我找到了图片裁剪和上传工具。有一个正在销售的插件，我觉得我可以做一个比它至少好10倍的。我开发了 Slim Image Cropper 开始销售，确实效果很好。因此，基于对 Slim 的反馈，我认为图像裁剪/编辑肯定是有市场的。

我想扩大产品，但 Envato 的许可和平均售价并不允许我这样做（当时JS插件的价格平均为15美元）。Envato 还不让看到你自己客户的电子邮件，而且他们有各种各样的限制使你离不开平台。

所以我决定长痛不如短痛，离开平台，自己推出新产品。我在 Twitter 上的公开发布，积累了最初的观众。

你是如何找到第一批客户的？

Pintura 最初的客户是已经在使用 FilePond 的开发者。5分钟的安装，他们就有了图像编辑功能。在 PH 上发布让我得到额外的知名度。也有很多开发者在 Twitter 上知道了这个产品。

你的网站SEO很好是如何做到的？

谢谢

作为一个前端开发者，我知道很多关于 HTML 的知识，好的 HTML 结构、合理使用关键词有很大的影响。我也是简单地通过阅读大量的文章，然后在网站上实践来学习的。

21. 客户愿意在网站展示 Logo 吗？

谢谢你的分享，问一下：在网站上使用客户的 Logo 需要什么流程吗？你是否征求了他们每个人的同意，还是包含在使用条款中了，还是其他形式？

这是在软件许可证的一个部分。只有一家公司要求我在购买前从许可协议中删除。到目前为止，还没有遇到任何问题。

22. 工作条件

嗨，Rik！

祝贺你，你的奇妙旅程，真的鼓舞人心。

你的团队有多大，你是如何适应远程工作条件的？你面临的关键挑战是什么？

回答

我自己做设计/开发/营销/支持所有这些工作。到目前为止，只雇用了律师。我一直在考虑雇人建立门户网站，但我也有点喜欢这方面工作，所以还没有真正决定。

我辞去顾问的工作后，一直在家工作。去年，我们在花园里建了一个办公室，显得更正式一些，之前是在阁楼上工作的。

我确实偶尔（大约每周一次）在朋友经营的办公室工作，并且非常期待在世界重新开放后恢复这种方式。我一直觉得我可以独自完成这些事，但现在这些偶尔的旅行已经不可能了，我注意到我非常怀念与人交往的机会。

23. 追问上一题

哈哈，那你的成就就更了不起了。不过我也有同样的感觉——真的很怀念在线下认识新朋友。希望这种情况很快就会好转。谢谢你分享你的想法 :)

回答

非常欢迎你，谢谢你的询问！:) :)

线下和线上真的是互相借力，没有什么比线下见到网友一起喝酒更有意义了。希望能与你线下见面 : )

24. 销售方法、新人建议

你好 @rikschennink 非常了不起👏🏽。我有几个问题。

你销售产品的方法是什么？
你对第一次启动的人有什么建议吗？

谢谢。

回答

嗨！谢谢

你销售产品的方法是什么？

我使用 FilePond 为 Pintura 引流。FilePond是免费插件，让上传文件和图片变得很容易。在某些时候，需要让用户在上传前编辑图片（比如如，用来减少在后台处理图片质量的时间）。在这个插件的基础上，安装 Pintura 很方便，不超过 5 分钟。此外，我也尝试在图像编辑领域写了不少与关键词有关的文章。