Vercel raise $40M Series B
vercel.com
vercel.com
Just a note from a fan - I hope you all can determine a way to approach the future with longevity and corporate independence. The web really needs your entire teams dedication towards performance, end user experience, and developer experience in the coming years. I would love to see Vercel as an independent entity a decade from now and witness how your philosophy changes the web in that time!
Don't think that's possible after raising such amounts of money. Their way out is now either getting aquired for loads of cash or going public. Going public also means loosing parts or all of your control over the company. Those investors will want to see their money back some time in the future.
not a very intellectually honest statement to make considering founder supervoting shares are extremely common in tech.
I don’t actually know, but I was struck by the hyperbole in a comment essentially complaining about hyperbole.
If trillions of tracking dollars with a measurable boost on valuation and trading [1] and thus a measurable reduction in the cost of capital [2] is “nothing else,” then yes.
[1] https://www.sciencedirect.com/science/article/pii/S138641810...
only if all shares have equal voting rights.
I have a set of critiques just like any infrastructure user, but by and large Vercel is moving in the right direction and I'm looking forward to seeing them succeed!
[1] My bill running CollegeAI.com on Kubernetes went from $600/mo to $20/mo with Vercel. It required a large refactor to serverless and the initial week of deployment the performance was so much better I got a massive traffic spike that increased my traffic from tens to thousands of daily signups. The bill that month was over $1000 because I didn't have the serverless parameters set up totally correctly.
Basically I was polling an API endpoint on our SPA client. Maybe one hit every second. We were getting over 10,000 (non-signup) users a day, so it ended up being a lot of requests. Our functions were configured with the default amount of RAM and CPU allocation. When I saw the bill shoot up, I reduced the rate of polling and adjusted the serverless functions to have a lower amount of RAM. This got the price down to $50/mo. Later, Vercel would make pricing per developer seat so the price dropped even more.
The traffic dropped to more reasonable levels after that. But it was a very good week and the traffic remained nominally 2x-5x. I'm sure google's algorithm played some part in the traffic spike.
(also, I am not an employee of Vercel, just a customer :)
I think my problems were always more pronounced with Kubernetes fwiw :)
Initially I was a bit skeptical about Next.js, but nowadays I really like this all-in-one experience. There are still some rough edges, but it's understandable given the scope of this project. I'd love to see more focus on TypeScript, integration with something like esbuild or Snowpack or maybe even a Deno version (there's already Aleph.js). What may not be obvious at first glance is their dedication to solve those little, often difficult problems on the web. I like their next/image component. I was surprised to see AMP support. Their approach for blending frontend with backend is not only interesting, but practical. The future will be interesting for sure.
Contrary to other commenters, I find Next.js docs pretty good. You can see there was a lot of effort put into writing their tutorial. Rough edges are mostly related to everything that supplements the framework, i.e. 3rd party libraries. I think eventually they will be expanding to cover these various scenarios.
Also, I'm working on a 12-week video course about React.js / Next.js. When I noticed this announcement on HN, I figured it could be a good way to promote it. ;) It's not yet ready (early WIP). I plan to finalize details next week. So if you're looking for a React.js/Next.js jump-start, check it out at https://reactnextaz.com
I was a little disappointed, though, when they released the new Image component and it didn't seem to support AMP sites out of the box :(. I had to write my own wrapper function.
Along the way, showing how OSS businesses can win: Slowly but steadily (looking at you mesosphere).
Congrats to everyone at Vercel! God knows it has taken very many pivots to finally reach here.
[0] https://news.ycombinator.com/item?id=12320489
[1] https://news.ycombinator.com/item?id=18407503
Mesosphere was started by Berkeley PhD interned at Google Borg. They worked on some exploratory project to expand the capabilities of Borg platform and wrote some paper.
Unfortunately, that project was on a slightly skewed direction of the technical trend. The philosophy and direction embodied in that project was neither useful inside Google, nor it matches the industry trend. But nonetheless an interesting improvement.
With the reputation of the group and relationship they decided to start a company.
And once docker is out, and kubernetrd next, in 2014 many have seen that mesos the technology is bound to irrelevance.
That prediction verified itself rather quickly, when mesosphere rebranded itself d2iq.
Using their own Next.js as an example: everything in /pages/ is client app, everything in /api/ is serverless app.
Client talks to the /api/ endpoints, /api/ endpoints talk to your domain services.
Vercel also provide edge-location hosting and caching.
They have a suite of complementary software products and services, including NextJS (a "batteries included" React framework with robust support for SSR and SSG), Now (hosting / CDN / runtime in "serverless" paradigm), Micro, etc.
World-class DX and remarkably powerful tools that somehow combine simplicity and flexibility.
No affiliation, just a longtime grateful fan.
FWIW I liked "Zeit" better than "Vercel" (shrug). But preferences aside, I was annoyed that the new redirects for "now.sh" URLs were -- uncharacteristically for a team famous for attention to detail -- mishandled, e.g. breaking a fantastic preso I'd bookmarked (which grauch used in his React Conf 2017 talks) and which I had cause to reference today in promoting NextJS with a client. It's the only real "footgun" move I've seen them make. Here's hoping it's an anomaly!
"Serveress" = you aren't managing a logical server
I.e. you don't need to concern yourself with provisioning, nor maintaining, a server as that part of the process has been abstracted away from you.
You can also use their serverless functions; which add "backend" functionality to your existing frontends. You can deploy these serverless functions in a bunch of languages (see docs) but personally I've used them in Nextjs's baked-in functionality of api routes to basically add an endpoint for mutating/querying to/from my DB for example.
Vercel(Frontend -> Serverless functions) -> DB
If you want to deploy a JS frontend (not just static files, though you can), this automatically handles a lot of things like SSR, SSL, etc https://vercel.com/pricing
For my simple sites it feels like hosting is just solved. Every time I rev my site I just push to git and I’m done.
It vaguely seemed like a replacement for react but it’s hard to believe you could raise $40M for that so something else must be going on. I generally was under the impression that the industry was moving away from client side rendering since it’s so slow. At least I browse the web with JavaScript off by default.
I’ll be releasing my solution as a config wrapper (or offer as a PR for their Preact example) before I launch my site so other folks don’t need to go through the same process.
- they develop Next.js which is one of the two primary React-based solutions for static/server/client rendered websites (the other being Gatsby)
- they provide low friction deployment solutions for same (like heroku)
- they provide tools for specific markets attracted to one or both of the above, e.g. ecommerce
- probably a fair bit more, but those are their standout offerings
Worth noting that Next.js is a mix of custom offerings (they have their own solutions for things like static site generation and image optimization) and configurations for existing tools (a lot of what works well is a predefined set of Babel and Webpack configs, but they can be overridden unlike create-react-app, and there’s broad support for that).
It also provides serverless API endpoints capabilities with other languages (Python, Node, Go, Ruby). Most of this comes with a great free tier (including bandwidth which is unlimited).
Team accounts allow your team to collaborate, deploy, run analytics etc seamlessly.
It's great, they've done a great job. I might be forgetting a couple of things, but this is a big part of why they are so successful.
Basically node-js servers running your code with an integrated CDN, but they also support Go, Python and Ruby for running server-side logic.
In terms of actual hosting (removing the build/deployment pipeline), Vercel is a subset of AWS Lambda.
Next is made by Vercel.
They also have an option to staticly rendered certain pages.
They netlify but for next. Also next usually requires a node server so technically can also act as an api.
Can generate a server less bundle.
Next, from our limited experimentation, has much better ergonomics and it looks like the company has a stronger grasp on go to market.
Crazy how fast that happened
For Gatsby there is gatsby-image, which works super well. For Next.js there is next-optimized-images which is not very mature. The latest version of Next.js also provides next/image, but as far as I have understood, it requires you to run the Next.js backend server, so it is not an option for 100% static websites.
https://nextjs.org/docs/basic-features/image-optimization
> Instead of optimizing images at build time, Next.js optimizes images on-demand, as users request them. Unlike static site generators and static-only solutions, your build times aren't increased, whether shipping 10 images or 10 million images.
Sometimes I also bumped into issues with Next.js where the framework was trying to send some code to run on the client browser instead of running it during page generation. The division between server and client seemed a bit too hazy for my taste and felt magical in the wrong ways.
I found the plugin system confusing, and poorly documented so it was hard to know how to get the most out of a plugin and adjust it to whatever our own funny use case was.
The graphql thing was annoying, we don't use graphql and don't know it and didn't find any advantage in having it around.
It's been a while since I touched it, but every time I need to a put it off because it's not a nice env to work in compared to our "from scratch" react apps
No need to be aggressive. I don't have anything against Next, I just felt much more comfortable with Gatsby.
I was using Next.js to build a staticly-generated website (so within the remit of Gatsby) but eventually i outgrew the limitations of static site generation (23k pages and counting...) it was so easy to switch to a traditional server-generated model with Next.js. I'm incredibly greatful for picking up and sticking with Next.js for this.
https://nextjs.org/blog/next-9-5#stable-incremental-static-r...
(edit: whoops this was for the parent comment)
I love Hugo and I wish there was a middle ground that was more approachable. I might have to try next.
My team has just started a Next.js app. I chose Next.js over Gatsby because on the face of it, Gatsby looked like a lot more configuration. I fully expect we'll "disagree" with Next.js at some point but for now I am really liking that it is opinionated, as it it letting us build really quickly.
It might sound lame, but:
- in early 2000s I couldn't live without JavaScript & animated gifs ;),
- in late 2000s I couldn't live without jQuery,
- in early 2010s I couldn't live without React,
- in late 2010s I can't live without Next.js.
It's an amazing platform and it's been an amazing experience. Everything "just works", and not having to fiddle with webpack or any other build tools is a blessing.
I'm amazed by Next.js, the only thing what worries me a little is we have JS and on top of it sits React and on top of React we have Next.js...
Anyway I think I've rediscovered React because of Next.js, I was tired of React at some point and they just saved me from a burnout I suppose.
Keep up the good work!
I think eventually FB might want to buy them out and merge React with Next.js. I don't want to sound embittered but I've had multiple "why wasn't this working like that by default in React?!" moments.
We are super happy with how it turned out vs dealing with full Shopify front end/backend stores.
After a quick look in the profiler I found that you're eager loading full-res images from shopify, and it's adding quite a bit of time before the page fully paints, with a lot of reflow. I'd recommend lazyloading them after the fact, with a super low res version as a background-image and adding a min-height to the images so that the whole page doesn't reflow as much.
Otherwise a great site and good looking products, If I had kids I'd buy a shirt.
Any gotchas when using Shopify as just the backend? Did you use the Nextjs e-commerce starter template?
We developed from scratch, I frankly wasn’t aware of the template when we started but also wanted a very specific look and feel (and the whole planet section on the bottom of the welcome page obviously had lots of work).
Not aware of any issues. We did quite a tight integration with Shopify such as the entire website shop is 99% generated from the Shopify items (which in turn are generated from the Print On Demand catalogues. It’s turtles all the way down).
You can add to cart, then add the discount, then redirect to checkout all within one link (working on an app to help merchants generate them).. I believe that is the proper flow but I cannot remember off the top of my head I just know that is all currently possible with a single link.
That said, I have been made aware that the checkout experience will be changing next year. I'm not sure what that entails yet just that it is coming.
Also, having worked with Shopify rather heavily since August, I love it.
[1] https://community.shopify.com/c/Shopify-Design/Cart-Use-perm...
This is a semantically null sentence for the purposes of your article. Skip it and you'd have the same meaning without sounding like you're sucking up to a company.
> Hashicorp pushed back on the dogmatism of pure static. Their team is laser-focused on the user experience. They don’t care if an application is CSR, SSR, SSG, etc. as long as their end-user is delighted.
This has no meaning to me, personally. If Hashicorp doesn't care about pure static as long as their "end-user is delighted," why did they push back? Was there some kind of drama you're revealing? How is "end-user delight" related to any of the acronyms? Are you suggesting pure static pages "delight" fewer users?
The writing is pretty bad. Funnily enough, on the webpage they link from the "CSR, SSR, SSG" string doesn't contain the words "CSR" or "SSG", so it doesn't explain much unless you have the time to read the whole page.
re: hashicorp - jeff escalante their web team lead gave a talk on their move recently: https://www.youtube.com/watch?v=QlNP3PSLT2Q
I love Vercel - it runs several of my Gatsby sites and an Angular website for free. It also builds out my PRs so I can see how the website is changed. If ever I need to use their paid tier, I'll do it.
Was it your intention to completely talk over everyone's head by using arcane or invented abstractions? Trying to make investors feel they are onto something really advanced?
Or just caught up in VC/SV speak? Because products that nobody understands have a harder time taking root in the commons.
Edit: Literally there is a question above (top at this time) 'What is Vercel?' - this is my point, a communications failure. If people Googling 'Vercel' and not getting the answer very quickly, then it's a communications problem.
Speak in plain English, describe 'what it is' and the direct material value.
> Vercel is a cloud platform for static sites and Serverless Functions that fits perfectly with your workflow. It enables developers to host Jamstack websites and web services that deploy instantly, scale automatically, and requires no supervision, all with no configuration.
I don't mean this in a negative way, and concede that Marketing often fails to even get their users and buyers to understand.
Vercel is failing on communications a little bit.
They don't have some highly specialized tech that 'nobody should understand' - they're literally making tech for the front-end masses, basically 'tech commoners'.
There are literally a handful of people on this page saying 'what does this do?' - how often do you see that on an HN page?
Anyone in tech, should be able to plainly understand what every other tech companies does, within a few sentences.
Some of it might need to be abstracted, and some of it may not fit very well into a sentence - but at least the Wikipedia version should be clear.
Explaining Next - the frame work in slightly more mechanical terms, and then, separating the notion of 'hosted service' would be great. (If that's what it is, because frankly I'm not even sure).
If you go to vercel.com - nowhere does it really say 'what it is'.
The introduction is 'Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work.'
That is 'bad communication' because it's completely not informative.
Sometimes marketing speak lingers on 'why it's great' - fair enough, but that statement above isn't even that, it's secondary jargon.
'We enable teams to do their best work' <- no place in communications unless you really need to fill a panel with something.
It needs some work.
Maybe Next.js would move a bit towards this approach too
It's not free, though
Microsoft/GitHub could be a good landing spot for them if they are to sell.
There is a free tier and then pricing starts at $20/user/month. For unlimited usage in deploying and consuming static/generated/rendered content and APIs.
iiuc, vercel runs on aws. Isn't the math fundamentally flawed on this kind of a business model if it isn't backed by owning the compute/network substrate first? Egress charges would be brutal. Targetting gross margins of 60-70% sounds like it would be hard.
Would love to hear from VC/founders with their insights, esp for building dev tools businesses and "monetizing" frameworks which isn't something that's happened too often (or happened at all recently?)
At that point, you're using customer growth as your primary metric to investors and thus raising money.
Hopefully it doesn't get harder and harder to use Next.js on anything but Vercel.
Their API is great: we were able to automate deployments of branded status dashboards very quickly. There are some rough edges around domain name management but overall the experience is very developer-friendly, analogous to Heroku but for a different architecture.
Just to elaborate on that, Vercel is awesome for stateless apps - specially front-end apps. Heroku excels on (small scale) statefull apps - like the back-end app connected to a database (add-on).
In my previous company we used both Vercel and Heroku, which was a great match. Both of them have Review Apps, for example.
Overall I really am impressed with Vercel, though. It's been a fun project/company to work with.
Happy for them though! I've been using them for a long time, but I've also just started learning CDK and Amplify and I think these could provide the same benefits, and in some (very specific) cases with zero costs. This plus databases such as Fauna or DynamoDB, and I wouldn't be able to see my self using any other thing for a good long while.
Side note: somehow my ISP (vodafone) has problems delivering me this domain, only was able to visit via opera with their vpn enabled.
Vercel makes it really easy to deploy isomorphic JavaScript applications, to the point where I barely have to think about the runtime context. Thinking back to the ~2015 era, it feels like magic in comparison.
This means you have zero server side rendering, you're just serving up static files, which of course is faster and can utilize CDNs and such.
SSR is also still possible, that would basically give you a classic model of fetching data on request and then rendering the page. My impression is that this is meant more as a transition than a preferred option.
The SSR features are also optimised to the point that the data fetching and rendering is decoupled. So a client side (JS) navigation only needs to fetch the new page's data. The DX around this is super smooth (just expose an async function...)
For commenting I'm experimenting with services like Fauna and Supabase
How am I going to educate my child on the value of /value/, when this is a term with serious meaning?
“Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work.”
Nice, inspiring evocative words, but I care to find what the fuck Vercel IS, and this is not an answer.
Maybe if I reword the above it will become clear:
Vercel lets developers have a really great time concentrating super hard looking super close at how fast things are. The thing we do lets you do the best thing you do.
Ah, now it’s crystal clear what Vercel is.
https://www.toolshero.com/communication-skills/ladder-of-abs...
YOU aren't the audience for this press release because the people they are trying to attract are more interested in abstract concepts than concrete ones. E.g. "I'm a great visionary CTO of a 100 person dev team and I use Vercel". A developer doesn't care that Vercel raised $40M, all they want to know is "if I push code to your stack, will it host my JAMstack".
NOW, I would argue that a good press release for a devchain based company can talk to BOTH audiences, and I think the criticism there is fair.
TBH I think the linked blog is targeted at a dev audience, and if it isn't then "They don’t care if an application is CSR, SSR, SSG, etc. as long as their end-user is delighted." (with those acryonyms linking to a Next docs page) is probably not supposed to be there.
Highly recommend for the techies here who want to hone their writing skills.
It was pretty easy to just click "Documentation" and see more: https://vercel.com/docs
> Vercel is a cloud platform for static sites and Serverless Functions that fits perfectly with your workflow. It enables developers to host Jamstack websites and web services that deploy instantly, scale automatically, and requires no supervision, all with no configuration.
Seems fairly clear what it does.
This one is better than most zero information PR lines. For what it is worth the statement can't be written by GPT-3.
Their only goal is to get someone high level in a big company feeling the sentence is cool so that he lets his email in the "get demo" page.
This is just normal enterprise sales, and this is probably why they managed to raise so much compared to most similar services. They really have a strong business focus and a sales team
The problem here is “I want to avoid increasing the number of backend and SRE engineers for the customer-facing portions of the business and I have a team bought into next.js already or are platform-agnostic.”
People are not Stumbling upon vercel. The developers are coming through next.js. That said, I think this is evidence they could have better copy on the front page.
One of the first sentences on the home once you read past the heading.
What are you even complaining about in this comment? You are complaining that you can't learn what a company does in a single sentence? Or are you claiming that vercel is a bullshit company (because it isn't)
Also, if you scroll down just a little bit in that page you learn exactly what vercel does.
The very nature of an innovative idea is that few people see it.
I have a bunch of apps on Vercel right now and zero worry that I will be able to deploy them somewhere else should they drop out for whatever reason. They are just Node/React apps.
I pushed a new proof of concept to Github yesterday and deployed it in literally 3 clicks on Vercel.
Please show how to do this with AWS.
Then take a look at the features like preview deployments, CDN, environment variables etc. Does your solution cover all of them with the same ease?
I think people are crazy to accept abstraction on the machine layer but keep reinventing the wheel for the infra in the middle. These services let's you focus on the actual product.
In the meantime you get faster, free hosting, better builds and spend zero time on ops.