写点什么

前端容易出神话?从高中辍学到价值 10 亿美元的初创公司

  • 2023-06-22
    北京
  • 本文字数:4235 字

    阅读完需:约 14 分钟

前端容易出神话?从高中辍学到价值 10 亿美元的初创公司

有时候,你所做的只是在简化原有流程。但只要能在特定领域做到顶尖水平,你就能在人们心目中占据一席之地。

 

Next.js 是一个 React 框架,它支持服务端渲染和静态网站生成。从 2016 年开源到现在,Next.js 在 GitHub 上已经拥有超 10 万 star,下载量也突破了 2 亿,项目进展非常快。而且有趣的是,无论 JavaScript 前端世界如何变化,Next.js 和 React 却始终能屹立不倒,似乎已经成了前端开发者们的永恒归属地。

 

Next.js 的创造者 Guillermo Rauch,也是商业公司 Vercel 的创始人兼 CEO。Vercel 与 Next.js 社区关系密切,并且彼此同步增长,特别是在 2020 年品牌重塑之后,这家公司的年度经常性收入得到了 50 倍的增长。作为一家初创公司,估值更是达到 10 亿美元。

 


Next.js 是 Web 开发者的福音。对于独立开发者来说,创建大型、可扩展、快速的混合网站从未如此简单,跟大公司们干的一样。

 

现年 30 岁的 Guillermo Rauch 本人更是一个传奇,他来自阿根廷,小时候通过阅读软件手册学习英语,克服了语言障碍。十一岁时,他自学了 Web 开发,并作为自由开发者远程承担 Javascript 项目。这项工作最终将他带到了旧金山,让 Guillermo 在高中就能靠自己的能力移居美国,开始了在软件界的打拼生活。在硅谷这个环境下,做创业的事情对 Guillermo 来说更是如鱼得水,用他的话来形容就是:获得其他初创企业、你的同行、开发者社区以及风投的认可“有点容易”。

 

自学成才,靠技术能力实现移民

 

Guillermo 在阿根廷的郊区长大,他的父亲是工业工程师,很早就意识到自己的行业已经过时,计算机才是未来。于是他很早就有了一台电脑,以便学习编程相关知识,知识技能掌握相对熟练后,便开始从事一些咨询开发工作。

 

几年后,16 岁的 Guillermo 成为了 MooTools JavaScript 框架的核心开发人员。MooTools 是为中级到高级 JavaScript 开发人员设计的 JavaScript 实用程序集合。

 

当年有一家瑞士初创公司决定将所有前端应用程序代码都押在 MooTools 上,他们邀请了 Guillermo 到公司里一起完成该项目,这也是 Guillermo 第一次出国。当该公司 CEO 见到 Guillermo 本人后,震惊得无以复加:“这孩子是不是迷路了?真的是我们新来的工程师吗?” 

 

在这期间,Guillermo 也被一些伟大的公司、伟大的工程所吸引,投入到工程项目中的精力越来越多,而学习的时间则越来越少,最终选择了高中辍学。

 

虽然没有进过大学,但他有自己的一套学习方法:“我几乎所有的东西都是从互联网上学到的。英语学习就是一个很好的例子。我阅读网上找到的大量文档,这些文档通常只有英文,通过这种方法,自学英语。而编程,只要使用正确的工具,就能得到相应的反馈。”

 

退学后,他创建了一个非常流行的名为 Socket.IO 的框架,是 GitHub 上最受欢迎的 JavaScript 项目之一,具有多种不同编程语言的框架实现,微软在发明 Office 365 和 Live 时更是选择使用该框架来构建实时后端。 

 

2012 年,Guillermo 出版了“Smashing Node.js”一书,这本书很快成为了 Node.js 的畅销书。成名后,他受邀在世界各地的会议上发表了数十个关于 JavaScript 和实时网络的演讲,例如 O'Reilly OSCON、QCon 和 NDC。同时他还热衷于开源工作,并且是斯坦福大学组织和开创的开源工程课程导师,为来自哈佛大学、麻省理工学院、卡内基梅隆大学、宾夕法尼亚大学、哥伦比亚大学等高校的学生教授自己的经验。

 

在 2015 年 11 月创立 Vercel 之前,Guillermo 曾担任 LearnBoost 和 Cloudup 的首席技术官兼联合创始人,这两家公司于 2013 年被 Automattic 收购。

 

大约 18 岁的时候,Guillermo 向美国移民局提出申请并成功获批,对此,Guillermo 在今年的一期播客中说道:“那是 12 多年前的事了,嘿,我有一些对国家有价值的技能,我认为这让我显得比较特别。”

 

基于开发者体验,打造一家公司

 

降低门槛

 

八年前,Guillermo 联合 Tony Kovanen 等人创立了 Vercel。

 

那时候的主流观点都觉得 JavaScript 框架永远是来了又去、新方案每周都在涌现,而真正能留下足迹的几乎没有。Guillermo 表示自己记得当时遇到过一家非常成功的数据公司的创始人,他评论说“我一路从 Java、C++学到数据库技术,但在尝试了 JavaScript 之后,我发现它连高校课程都没有。这种语言这么不稳定,我怎么可能把它用在持久项目上?”

 

那时候网上还有另一种说法,认为 React 的前置使用步骤太繁复了。“当时我主要面对两大难题,第一就是应用的启动过程太困难,其二是框架组装太困难,那时候就是这个样子。另外,基础设施的部署也在困扰着我,特别是零停机部署,那更是难上加难。”

 

于是,Next.js 出现了,其最大的亮点就在于,“能够非常快速地部署好前端项目,而且在这方面几乎无可匹敌。”

 

基于 Next.js,Guillermo 建立了一家名叫 Vercel 的企业,目标之一也是降低进入门槛。“我认为首先开发人员的需求量很大。但他们可以比现在更有效率,因为他们不必重新发明所有这些定制的基础设施。Vercel 的目标之一是让网络更快、更好、更具协作性。所以今天,如果你是一名前端开发人员,你可能不再需要花费一周的时间来配置你的开发环境、安装所有的工具链......”

 

产品理念

 

Vercel 为开发人员提供了用于编码和启动 Web 应用程序的基本开发工作流程,希望让基础设施的自动化顺理成章。它围绕多项重新定义 Web 应用程序的新兴技术构建,包括 Jamstack、边缘计算和无服务器技术。Jamstack 是一种架构,旨在使用无服务器使 Web 更快、更安全且更易于扩展。无服务器设计允许开发人员运行和构建 Web 应用程序,而无需管理底层服务器。

 

标准的 Web 开发流程包括研究、设计、创建内容、开发、Beta 测试、审查、质量保证、发布和维护。部署需要大约 12 到 28 周(对于大型站点甚至更长),具体取决于 Web 应用程序和正在进行的维护。

 

每个网站都包含前端和后端。前端是直接与用户交互并在用户单击或在网站上发出任何请求后利用后端获取数据的部分。后端处理核心数据、逻辑、API 和数据库架构。Vercel 的产品为前端提供了核心基础设施,但它也提供了后端所需的元素。

 

“基本从根本上讲,我们所做的一切 Web 开发,实际上就是把种种事物串连在一起,把大量 HTML 片段拼凑起来。当时我们的关注重点,是在 React 之上构建一个服务器渲染层,而且 Next 的灵感源自 PHP。PHP 的语法也相当符合直观认知,能够将逻辑嵌入到 HTML 模板当中。凭借这种简单的设计,PHP 实现了很多令人惊讶的功能。默认情况下,它甚至可以流式传输 HTML。而且因为每个请求都拥有自己的 arena,所以这实际是种无服务器架构。”

 

关注开发者体验

 

Guillermo 对开发者体验也一直十分关注。在 Next.js 当中,这种关注主要体现在服务端渲染上。

 

Guillermo 曾对 JavaScript 生态系统的发展方向比较失望,其中存在不少倒退和功能缺失。“我还记得 React 应用刚刚面世时,他们会给应用生成一个整体包。就是把应用的 JS 和 CSS 统一打包起来。我当时就在想,这种方法怎么跟原生移动应用竞争呢?每次访问网站,都要下载整个应用,这也太扯了。人家原生移动应用可只需要下载一次。”

 

也就是说原生移动应用对于软件包体量会有更大的宽容度,毕竟无论是 200 MB、100 MB 还是 50 MB 的应用,用户都只需要下载一次,所以区别并不太大。

 

而 Web 这边就不存在这种硬性下载和安装的过程,这也是其优势所在。为了适应现实情况,Web 应用开始朝着为迷你化的方向发展。现在 Web 应用只须下载小小几 MB 的包就能渲染一个页面。而这根本上也可以说是为最终用户提供良好的性能感受。

 

这也是 Next.js 成功的原因所在——重视服务端渲染的开发体验,也重视每段路由代码的具体开发体验。

 

关键机会:无服务器计算

Guillermo Rauch 还让 Vercel 的产品从使用服务器转向无服务器计算,以消除复杂性并简化开发人员的工作。

 

“无服务器已经证明它是未来的运营模型,像 Next.js 这样的框架为开发人员提供了无缝利用无服务器原语的工具。”

 

Vercel 利用无服务器、边缘计算和 Next.js 在部署代码后为最终用户提供快速性能,允许开发者在全球范围内部署网站。假设你在编写 Next.js 应用,希望通过渲染提供一项服务,完成之后开始部署。之前的部署方式就是把应用部署到世界上某个位置的服务器,然后由开发者设定可扩展性、多可用区部署、零停机时间发布、缓存等各种属性。但 Vercel 强调使用无服务器架构,所以在大多数情况下,开发者无需承担任何额外操作,Vercel 已经帮助用户解决冗余、弹性等常规问题。

 

投研机构指出,Vercel 的相邻市场,如无服务器市场,预计到 2028 年也将达到 360 亿美元。随着 Vercel 的框架越来越受欢迎,Vercel 作为事实上的工具的地位也会提高。

 

写在最后

 

Vercel 将多门学科纳入 Web 流程的举措,让更多人可以成为前端开发,也许一位设计师也能逐渐成为程序员。Guillermo 指出,Vercel 正在“吸引超级创意的新一代开发人员。如果我们最终将‘前端开发人员’重命名为‘产品开发人员’,我不会感到惊讶。”

 

Vercel 于 2021 年 10 月以 15 亿美元的估值筹集了 1.5 亿美元,由 GGV Capital 领投。本月 Guillermo 披露了 Vercel 的收入情况,虽然 2020 年 ARR(年度经常性收入)为 100 万美元,但是却一直在稳步增长:2021 年,500 万美元;2022 年,2400 万美元;2023 年中,超过 5000 万......员工也在两年间从 40 人发展到 400 人,并服务了沃尔玛、Tiktok 等多家企业。

 

作为一个自学成才的软件工程师,将一个开源免费工具变成一个快速增长的 SaaS 业务,Guillermo 是一个特殊的存在。而在前端主流框架的创建者中,这样的神话却不止一个,这也让人疑惑,为什么不需要大学教育或专门的计算机教育背景,他们却也能在前端闯出一片天地?这个领域特殊性在哪里?亲爱的读者,您们怎么看呢?欢迎留言评论~

 

参考链接:

https://rauchg.com/

https://www.youtube.com/watch?v=UhctkmjffsU

https://twitter.com/swyx/status/1667995063216148480

https://medium.com/free-code-camp/between-the-wires-an-interview-with-developer-and-entrepreneur-guillermo-rauch-1ce38774056a

https://vmblog.com/archive/2021/06/24/vmblog-expert-interview-vercel-talks-next-js-11-and-102-million-series-c-funding-round.aspx

https://medium.com/authority-magazine/guillermo-rauch-of-vercel-five-things-you-need-to-create-a-highly-successful-startup-b95a911e6b00

https://flagsmith.com/podcast/vercel-interview-guillermo-rauch/

 

 延伸阅读:

前端又开撕了:用 Rust 写的 Turbopack,比 Vite 快 10 倍?

为什么说 Next.js 13 是一个颠覆性版本

我们如何使用 Next.js 将 React 加载时间缩短 70%

2023-06-22 22:588265

评论

发布
暂无评论
发现更多内容

数字化转型有可能让所有人满意吗?

优秀

数字化转型

谈谈我对服务网格的理解

阿里巴巴云原生

阿里云 云原生 服务网格

Thymeleaf入门教程

Studying_swz

前端 thymeleaf 11月月更

泛型由入门到精通(2)

好程序员IT教育

Java 泛型

基础逻辑门

芯动大师

Verilog 11月月更 Xilinx

mysql的高可用方案以及优缺点

想要飞的猪

秒云加入OpenCloudOS操作系统开源社区,携手打造更智能、更可控、更可信的云原生环境

MIAOYUN

开源社区 opencloudOS

工信部电子五所李冬:在龙蜥社区的一站式自动化测试平台的探索和实践|2022云栖龙蜥实录

OpenAnolis小助手

开源 操作系统 自动化测试 龙蜥社区 2022云栖大会

EMI 滤波电路是由哪些元件组成的,一文看懂!

元器件秋姐

元器件采购 元器件电商 EMI滤波电路 滤波电路 元器件知识

【愚公系列】2022年11月 微信小程序-app.json配置属性之Worker

愚公搬代码

11月月更

深入浅出学习透析Nginx服务器的基本原理和配置指南「初级实践篇 」

码界西柚

nginx 正向代理与反向代理 11月日更 nginx 开源版 开发指南

Java Web(九)会话跟踪技术

浅辄

javaWeb session Cookie 11月月更

【Go电商实战04】为什么GoFrame不支持migrate功能?我还特意去问了框架作者

王中阳Go

golang 高效工作 学习方法 程序员 11月月更

Kotlin变量声明和类型推断

子不语Any

kotlin Andriod 11月月更

AI音乐创作,让每一个人都成为音乐家

HarmonyOS SDK

音频 HMS Core

4K60帧!RayLink远程控制软件如何帮助设计师远程办公?

RayLink远程工具

远程控制软件 远程办公软件 远控软件 远程桌面连接 RayLink

精益创业者的用户体验设计

产品海豚湾

产品经理 产品设计 精益思想 用户体验 11月月更

从0开始,让你的Spring Boot项目跑在Linux服务器

闫同学

spring Linux 服务器 11月月更

数据预处理和特征工程-特征选择-Embedded嵌入法

烧灯续昼2002

Python 机器学习 算法 sklearn 11月月更

九科信息受邀参加中国总会计师协会财务数智化转型研讨会

九科Ninetech

湖仓一体架构下的数据研发及管理

数造万象

从HelloWorld看Java与Kotlin

子不语Any

kotlin Andriod 11月月更

甩掉容量规划炸弹:用 AHPA 实现 Kubernetes 智能弹性伸缩

阿里巴巴云原生

阿里云 Kubernetes 云原生 AHPA

阿里云弹性计算总经理张献涛:智能化、高效能、新交互将重塑互联网

云布道师

弹性计算 云栖大会

JVM Sandbox入门教程与原理浅谈

Zhendong

Java JVM

MySQL事务的隔离级别以及脏读、幻读和不可重复读

闫同学

MySQL 事务 11月月更

浅析云原生

鲸品堂

分布式事务详解、理论分析、及强一致性(2PC、3PC)剖析

C++后台开发

数据库 分布式 后端开发 Linux服务器开发 C++开发

泛型由入门到精通(3)

好程序员IT教育

Java 泛型

构建高质量的持续交付体系

老张

软件工程 持续交付

浅谈MVC、MVP、MVVM框架模式

闫同学

mvc MVP MVVM 11月月更 框架模式

前端容易出神话?从高中辍学到价值 10 亿美元的初创公司_Serverless_Tina_InfoQ精选文章