独立开发变现周刊（第62期）： 一个年收入30万美金的Vue.js开源组件库
分享独立开发、产品变现相关内容，每周五发布。
目录
1、feather: 分分钟通过Notion生成Blog2、Tolstoy: 一种新的网站上的交互式视频工具3、Ratepunk: 找到高性价比酒店的插件4、一个年收入30万美金的Vue.js开源组件库
1、feather: 分分钟通过Notion生成Blog
完整的博客平台，以Notion为你的内容发布系统。在Notion上写文章，然后一键发布。不需要编码或设计技能。
简单的4步即可完成站点发布
1、添加你自己的内容存储
2、映射字段
3、配置域名
4、生成博客
5月份上线后，目前的月收入在450美金
2、Tolstoy: 一种新的网站上的交互式视频工具
一种新的网站上的交互式视频，可以通过这种方式筛选线索，建立新客户，推广产品，获取流量，收集反馈，沟通等等
用Tolstoy做各种各样的事情。 例如:
- 通过视频聊天机器人给予快速个人支持(支持团队)
- 通过预先录制的视频面试为你的人力资源团队节省数百个小时，这些面试为你进行筛选
- 预订更多的演示和通过分支视频信息完成交易(针对销售团队)
Tolstoy可以放在任何地方(例如:在网站上，在应用程序中，在电子邮件中)，以提供高接触，面对面的体验，让每个自助服务客户感觉像企业客户。
第一步：手机上就可以录制视频
第二步：发布到很多地方
第三步：收集用户反馈数据
3、Ratepunk: 找到高性价比酒店的插件
在几秒钟内添加Ratepunk到你的浏览器，并确保你得到市场上最便宜的价格。这个浏览器上的插件工具自动比较酒店价格在互联网上，并找到最好的价格。
4、一个年收入30万美金的Vue.js开源组件库
大家好! 我的名字叫John Leider，我是Vuetify的创始人。Vuetify主要是为了帮助开发人员，尤其是那些对设计不熟练和没有经验的人，构建漂亮的web应用程序。
我是Vuetify的流行开源库的作者和首席开发人员，这个用户界面库是用流行的JavaScript框架Vue.js构建的。 它为开发人员提供了数百个组件——用于构建从网站到Chrome扩展，到桌面应用程序的任何东西。 此外，Vuetify是一个开源项目，这是一种可以自由更改、从中获利、转售或在MIT许可下使用的软件。 它主要由我和我的妻子Heather，一个核心开发者小组，以及更大的社区的帮助来维护。
我通过提供基于Vuetify的数字内容和服务来赚钱，比如在Vuetify商店提供付费数字内容，或者通过咨询直接提供支持。我通过在大部分页面上显示Carbon广告来获得广告收入，并通过GitHub和Patreon以捐赠或赞助的形式获得资金。
Vuetify在免费方面非常重视。开源是通过社区支持来共享和改进代码。多年来，这一理念让我围绕框架发展了大量的用户基础和生态系统。
你是如何想到这个想法的?
2013年1月，我完成了在美国陆军的任期，想在IT行业从事职业,我搬回了我的家乡佛罗里达州，在那里的网络公司和朋友们一起工作。
我主要使用PHP、jQuery和MySQL，并将大部分时间花在服务器端代码上。在2014年底，我遇到了一个名为Laravel的库，这是一个流行的PHP框架。在接下来的几个月里，我开始把它用于个人和专业项目。在学习的一些视频中，有人使用了Vue.js框架的早期alpha版本，我立刻就爱上了它。它简单而干净，很好地符合我的开发风格。
我几乎从Vue早期alpha版本开始就开始构建应用程序，一直到它的第1版发布。Vue 2测试版紧随版本1而来，并且已经有了相当多的改动;包括那些需要升级程序的项目。我想在新特性上抢先一步，并认为构建一个名为vue-materials的UI框架会很有趣。
我想将Material Design 规范从头应用到组件中。至少，我可以将它用于支线项目或小型客户工作。
2016年12月14日，经过大约3到4个月的开发，我在MIT软件许可下在GitHub上发布了Vuetify的第一个alpha版本。用户的反应很强烈，并激励我投入很多的日夜开发新功能，修复bug，并为整个社区提供不同级别的支持。2017年10月，我宣布辞去工作，成为一名全职的开源开发者。
带我们通过设计，原型，制造来了解你的第一个产品的过程。
Vuetify的外观和设计基于谷歌的 Material Design 设计规范，并使用Vue.js框架实现。该规范将典型应用程序的公共部分分解为较小的功能块，称为组件。组件是使用一组参数来定义其样式的元素。然后，开发人员将这些预先制作好的组件合并到多个名为“Vue模板”的文件中。
模板由3个主要部分组成;一个HTML模板，一个javascript脚本，以及一个用于CSS或SCSS样式的样式节。这大大简化了应用材料设计规范到我们的组件的过程。为了支持各种样式的需求，我们采用了与应用程序交互的概念，并将它们整合到一个简单的界面中，以便轻松地更改Vuetify的外观和交互方式。
描述下启动业务的过程
Vuetify的第一个测试版于2016年9月发布，并于当年12月14日进入公开测试版。开源项目在社区内其他开发人员的支持下进行，通常不会产生大量的运营成本。
初始资金来自企业和个人的捐赠和赞助;每个月加起来就是500多美元。随着时间的推移，来自Patreon和GitHub的资金支持已经增长到每月总计6500美元左右。为了支持核心团队，Vuetify使用了一个名为Open Collective的平台，让我不再是资金的中间人，并透明地显示进出资金池的所有东西。Open Collective是后来在Vuetify的开发周期中加入的，目前的平均月收益略高于2000美元。
我试图扩大Vuetify的众筹规模，并花了数年时间试图想出一系列奖励措施，以充分激励开发者和企业获得他们的支持。尽管我尽了最大的努力，我还是无法想出一系列的好处来加快赞助的速度。
为了实现业务收入的多元化，我推出了Vuetify商店，销售品牌服装、配饰和数码产品;比如预先制作的主题。第一年，它的收入微不足道，但逐渐从大多数月收入不足100美元增长到1.5万至2万美元。在过去的几年里，这个商店慢慢地成为业务的主要收入来源，并使我能够在框架上投入更多的钱，并从金钱上补偿开源开发人员的核心团队。
我早就应该接受这样一个观点:主要围绕赞助的商业模式是无效的;至少对我来说是这样。
什么有效地方法吸引和留住了客户?
专注于你的核心价值主张
客户保留最重要的方面是对“价值主张”的首要关注。Vuetify的价值在于它是一个大型的、功能丰富的用户界面库，任何人都可以免费使用。这种方法已经吸引了大量的用户，可以通过多种方式参与进来，从订阅，社交媒体帖子，到GitHub讨论，以及我们在Discord上的聊天。
与志同道合的实体合作
我与Vue生态系统中的许多实体(如Vuejobs和madewithvue)合作，在我们的平台之间分享相关信息。这通常采取专用页面或带有Vuetify文档的小广告的形式，甚至是与Vue.js本身相关的内容和资源的横幅。与他人建立关系和合作将加强你的品牌，并为用户发现你开辟新途径。
创建高质量内容
以Vuetify为例，我们绝大多数的流量来自于将我们的文档作为可用资源的开发人员。精心策划的内容可以让你的用户在你的网站上停留更长时间，增加他们通过从Vuetify商店购买主题进入销售渠道的机会，成为赞助商，甚至直接捐赠。
建立一个社区
一个多样化和包容的社区是与客户长期接触和互动的最佳方式。它为开发人员提供了一个讨论问题、交流当前或即将到来的更改的论坛，他们可以提供改进和增强客户体验的见解。
未来是怎样的?
展望未来，我很高兴通过构建新的工具和服务来丰富开发人员的体验来支持即将发布的产品。我还希望以Vuetify为中心创作视频内容，我相信这是我在Vuetify故事中的自然进展。帮助别人一直是我的热情所在，也将永远是我前进的动力。
对其他想要创业或刚刚起步的创业者有什么建议?
不确定性是一种自然的激励因素;尤其是当你有真正的事情要处理的时候。你会发现你从未意识到困难的存在，并被迫解决它们。与聪明人为伍，倾听他们的意见。谦虚，愿意为自己的错误承担责任。
当你和朋友出去玩、浏览社交媒体、玩游戏或看电视时，其他人正在外面拼命工作。他们和你有同样的动力。他们会做出和你一样的牺牲，而这些牺牲是你所回避的，而且他们似乎没有更坚定的成功决心。
想象一下在海滩的水里，被一个大浪拖到水下，你会怎么做? 你会抱怨起床太难了吗? 你觉得不公平吗? 把自己在水里的事归咎于比人又能怎么样呢? 你会为了呼吸到一丝空气而拼命挣扎！
如果你每天都为成功而奋斗，就像你溺水时拼命呼吸一样，你就会成功。
以上！
以上，本次周刊结束，欢迎留言交流，我们下周见！
