每日最新頭條.有趣資訊

我是如何通過開源項目月入 10 萬的?

作者 |GitHubDaily

責編 | 郭芮

如果你是一名前端工程師,那麽你一定對 fullPage.js 這個開源項目不會感到陌生。這是前端社區中非常著名的 JavaScript 組件,能快速給網站加上全屏幻燈片的展示效果。

https://github.com/alvarotrigo/fullpage.js

不久前,國外一家專注於報導獨立開發者的媒體 Indie Hackers 對 fullPage.js 的作者進行了專訪。在本次專訪中,作者透露,目前 fullPage.js 能給他帶來每個月 15000 美元的收入,換算成當前人民幣匯率,便是 10 萬多塊錢。

專訪文章:http://bit.ly/2Zm0WlT

一個開源項目,竟能給開發者帶來如此豐富的收入,作者是如何做到的呢?

我懷著好奇心,將整篇專訪文章從頭到尾看了一遍。

看完後我覺得,文章裡面提到的一些建議,對開發者來說還是挺有幫助的。因此我決定,對這篇文章做下整理與翻譯,把作者通過開源項目獲利的整個過程分享給大家看看。希望各位在看完這篇文章後能有所啟發。

下面進入正文。

作者是何許人也?

作者叫 Alvaro Trigo,來自英國,是一名前端開發者,現在英國區 JavaScript 開發者榜上排名第 5,世界排名 84(來自 git-awards 統計)。幾年前由於其開源了 JavaScript 組件 fullPage.js 而受到業界廣泛關注。

目前該項目累積 GitHub Star 27000+,被 Google、eBay、麥當勞、可口可樂等多家國際大企採用。

fullPage.js 的誕生過程

早期作者要做擁有一個全屏幻燈片效果的網站,但是在網上搜索一番後,發現找不到相關代碼示例,於是便打算自己動手實現。

沒多久,網站完成了,作者又將這個功能從網站中抽離出來,做成了 jQuery 插件,以方便其他開發者集成使用。

極具戲劇性的是,在他推出這個插件沒多久之前,Apple 發布了 iPhone 5C 的展示網站,這個網站上面的互動與 fullPage.js 的互動非常相似。

儘管作者說這一切只是巧合,但不可否認的是,許多人通過 Apple 的網站互動而間接了解到 fullPage.js(我便是其中一員)。

當他將 jQuery 插件抽離出來之後,又將這份代碼發布到了 GitHub,並簡單做了下推廣宣傳。一周後,這個插件便在 GitHub 上累積數百個 Star,同時有許多開發者開始接入使用,並提交多個 issue,以幫助作者改進項目。

隨著代碼的迭代更新,插件功能也愈加完善,起初的 jQuery 插件也被重構成獨立的 JavaScript 組件,並支持 Vue.js, React.js 和 Anugular 框架擴展,目前 WordPress 插件也已製作完成。

值得一提的是,項目開源的前 3 年, 作者沒有收取過一份錢。因為他覺得,當看到別人在使用他所創造出來的產品時,那種感覺不是錢所能衡量的,這也是作者更新項目的動力所在。

作為一個創作者,做出來的產品被人認可,這是對他最大的肯定。

fullPage.js 的增長過程

項目發布出來後,作者並不是守株待兔式的蹲在電腦前,乾等著項目被人發現、挖掘,而是做了以下一系列宣傳行銷工作,向其他人傳達這個項目的存在:

為項目創建了 Demo 展示頁;

寫了部落格文章,講解技術原理;

給各大 Web 社區站點發郵件推廣產品;

將項目提交給某些 Web 資源集合站點;

在 Stack Overflow 回答問題,順帶推廣產品;

GitHub Trending 的借勢傳播;

在 YouTube 上發布指導視頻;

參加各類技術媒體的節目專訪;

Google 和 Facebook 廣告投放(效果不好)。

完成這些工作後,作者仍不滿足於現狀,會不定時到 Google 上搜索自己的產品,看看是否還有其它地方可以為項目帶來新用戶。

由於這個項目在 GitHub 上的知名度非常高,因此也受到了 Google 搜索的眷顧,當用戶在搜索全屏幻燈片的時候,這個項目往往能拿到較高排名權重。

fullPage.js 如何開展商業化運作?

一開始,作者主要是通過插件定製開發來收費的,後面隨著上門詢問的人越來越多,導致浪費在溝通上面的時間過多,作者便把一些定製功能打包放在網站上,讓其他人可以直接購買使用。

後面,隨著產品功能趨於完善,穩定性也越來越高,作者便直接在網站上賣授權。

目前,這個項目主要通過以下幾方面給作者帶來收入:

擴展銷售(Gumroad 平台);

授權銷售;

WordPress 主題的 Affiliate 分銷提成(傭金 40%)。

在過去幾個月,以上渠道平均每個月能給作者帶來 15000 美元左右的收入:

從上圖可以看到,大概在 2018 年的時候,收入翻了一倍,那是因為作者將項目從免費模式切換到授權模式(GPLv3 依舊免費)。

雖然目前收入頗豐,但他還是留有點小遺憾,即沒有從一開始就創建 WordPress 插件,因為 WordPress 上面的市場也非常大。

而平時項目的支出,則主要包括伺服器託管、網絡代理、稅務助理、通信、廣告、社會保障稅等費用。

"產品最好在一開始就考慮未來的收費問題,早期為了快速獲取用戶以及避免競爭對手的打壓,可以先免費提供產品的使用,等市場佔有率足夠高,在業界建立下不錯的口碑後,再開始正式收費",這是作者給出的另一建議。

如何給產品制定一個合理的定價套餐,這也是一門學問,在此作者推薦大家閱讀 Stripe 的這篇文章來獲取靈感:

https://stripe.com/atlas/guides/saas-pricing

未來計劃

作者希望,在項目收入方面,能在今年年底前達到 $20K/月。

為了達到這個目標,他需要做好以下幾件事:

給產品添加新擴展;

售賣基於產品的 HTML 模板;

給產品添加編輯器;

通過某種方式實現訂閱付費,讓未來有穩定收入;

嘗試一些新項目/產品(腦中已有初步想法)。

在產品方面,需要避免陷入過於繁瑣的工作,應該多思考產品的創新及增長(Patrick Bet-David 演講視頻中也有所提及:https://www.youtube.com/watch?v=2jG6lJLcToA)。

在個人方面,享受生活,不要讓工作成為負擔,不要為了過分追求收入而浪費自己休閑的時間。

給獨立開發者的一些建議

無論是從技術、產品還是行銷方面,fullPage.js 作者都做得非常出色,這也是優秀的獨立開發者需要掌握的基本技能之一。

如何成為一名優秀的獨立開發者,作者給出了以下幾點建議:

做一些你喜歡做的東西;

快速構建好產品,並及早放到市場上驗證(精益創業);

不要在技術上浪費太多時間,定好發布日期便執行;

不懂技術也可以打造一款好產品;

如果你打算開始單乾,記得打造好你的個人品牌;

親自為客戶提供郵件支持,至少在一開始時要這麽做;

顧客至上;

仔細思考並設定合理的目標,先實現產品再談其他。

寫在最後

近幾年,越來越多的程序員選擇成為獨立開發者,他們都希望自己能像 fullPage.js 的作者一樣,構建出一款真正解決他人特定需求的產品,為自己帶來更多被動收入,進而達成財務自由的目標。

Vue.js 作者尤小右也曾在微博上說過:"被動收入是最能帶來自由的東西,這個時代的程序員其實在創造被動收入上有天然優勢"。

但是,獨立開發者這條路對開發者的要求還是比較高的,在你早期無法找到團隊或搭檔的時候,就需要你身兼數職,技術、設計、產品、行銷等工作一樣不落,非常考慮人的學習能力與自控力。

如果你不滿足於現有的工作狀況,那麽最好從今天起開始做好規劃,為將來成為獨立開發者提前做好準備。這樣在機會到來的時候,你才有把握抓住他。

【END】

熱 文推 薦

你點的每個“在看”,我都認真當成了喜歡

獲得更多的PTT最新消息
按讚加入粉絲團