How Vercel builds Vercel

Learn how Vercel builds Vercel: from the initial v0 all the way to enabling feature flags in production and visualizing traffic data.
0:00 - Introduction
0:24 - Git Integration
1:35 - v0
3:31 - Deployment summary
4:34 - Web Analytics
5:40 - Speed Insights
7:14 - Logs
8:01 - Monitoring
8:42 - Edge Config
9:33 - Feature Flags
10:37 - Draft Mode
12:16 - Conformance
13:37 - Incremental adoption
14:37 - Conclusion
◆ Docs: vercel.com/docs
◆ Try Vercel: vercel.com/product-tour
◆ Talk to our team: vercel.com/contact/sales
◆ Templates: vercel.com/templates
◆ v0: v0.dev
#vercel #v0

[@mikeonthebox]

This feels more like describing Vercel features and not so much how "Vercel builds Vercel"

[@wlockuz4467]

Same thoughts.

[@8Trails50]

well they probably dogfood their stuff by using it right?

[@NithinJune]

better title

[@trevordobbertin6469]

Read “Do things that don’t scale” by Paul Graham

[@oryagoda]

It's how they use their software

[@metasal]

I found this very insightful. Thank you for sharing yourself so openly. In regards to your docs stats, I probably use it 10x more than I should and I think it’s because the content doesn’t explicitly mention which version it is for and Google will show it for any question and even get the App vs Page router Hope this makes sense and am happy to provide more details about my experience

[@seabass_1]

I'm thankful you still help the sveltekit movement because without it I'd be sad

[@leerob]

Svelte is amazing

[@teebu]

very nice share. its always nice to see how big companies are doing things

[@runonce]

Nice insight! Thanks for sharing. What lib do you use for the monitoring graphics at 8:10?

[@codeChuck]

Interesting! It is nice to know that Vercel is in the process of migration to App router for Vercel site :)

[@paramaggarwal]

Please don't put a 10 member limit on the Team plan - that is the only single annoyance I have with Vercel...

[@codeChuck]

Interesting! It is nice to know that Vercel is in the process of migration to App router for Vercel site :) 🔺

[@ReactNativeWeeks]

A follow-up focused solely on CMS would be beneficial. I'm particularly interested in learning how to use Next.js to deliver dynamic draft content, empowering our marketing team. At the same time, I'm curious about making that content static for production to enhance performance for end users.

[@EdwardOrnelas]

Thank you for this! Very Buildy

[@davidgrant7729]

Awesome walk through! It would be nice to see an example of incrementally moving from pages to app.

[@leerob]

kzbin.info/www/bejne/j4KwhJybqc55o5I

[@A7med3bdulBaset]

I like this kind of videos

[@GeorgeDonnelly]

Cool, that was interesting, thanks!

[@Aaron-eo1gv]

At the git integration part (0:57) you show that this PR has 4 ignored deployments. I don't see this feature on my turborepo app deployed on Vercel. How do you enable that? That's super nice.

[@Svish_]

Why is there no Speed Insights included in the Pro-plan? For the Hobby-plan it's included for one project, but for Pro it costs 10USD(!) per month. 😢

[@Shulkerkiste]

Could you please fix the account creating issue? When I try to create an account on Vercel, it gets immediately blocked. So I am not even able to try Vercel.

[@eliuddyn]

Amazing 🔥🔥

[@DS-ow2ge]

awesome video. some of the developer experience features are only on enterprise, like conformance. is there already a plan to bring them down to pro or will they stay enterprise?

[@leerob]

Will be available to all plans in the future!

[@lasindunuwanga5292]

This is cool. Thanks for sharing some intel

[@coursedekho]

In nextjs when im using query params directly to backend and push to new query with the same url it's calling fetch 2 1st req with old query and 2nd with new query it's ok but when second request comes fastly then user see data comes from backend will be 1st old url request this is very not good

[@teebu]

i didnt fully understand your bad english, but try react query.

[@wealthassistant]

Interestingly, I’ve been building an app with the full suite of Vercel tools for the last couple of weeks yet I never came across Conformance despite wanting exactly such a tool.

[@ryanquinn1257]

This series has been real cool. The amount of hate Vercel gets is pretty stupid. I’ve been back in web game for a few years and NOBODY makes it easier. I remember Dreamweaver days last. I’ve now done a full gambit of Assembly and C in school to Wordpress, PHP, JS, TS, some Rust at this point deploying on baremetal, Vercel, Render, Fly, Netlify. I reach for Wordpress and Vercel first then move off if it fits better for so many setups.

[@marcuss.abildskov7175]

Because Vercel is shit.

[@marcuss.abildskov7175]

Because Vercel is shit.

[@bandekhoda7801]

I thought it's about how Vercel builds Vercel but it was just an ad for different Vercel products

[@reeteshvirous1359]

Bow this is some content 🫡

[@jonngan]

If I put a .py in the api folder will this act as a Python endpoint with out flask?

[@eft]

Yes

[@jonngan]

@@eft based

[@jarnoojasaar]

just put "use py" at the top of the file and you will be set.

[@jonngan]

@@jarnoojasaar I got too excited and tried to host a hugging face model api, there are storage limits lmao

[@omkarkulkarni3644]

Offtopic : The jacket is cool, where'd you get it?

[@bitcrawler]

It's a all in one platform basically, I don't understand why many people hate Vercel/ Next/JS

[@ismbks]

i dont get who these tools are made for, there is so much complexity and features i don't even think as a small business you would use 5% of this

[@ekremkenter]

I was hoping to see how they actually deploy new changes to prod but the whole video was sort of Vercel commercials.

[@kumardeepanshu8503]

Can we keep, both app and page router on same website? If yes is there any example to do it ?

[@hunterwilhelm]

Yes, that's possible! Just add both of the folders and make sure the routes don't overlap

[@kumardeepanshu8503]

@@hunterwilhelm so I have done some research, and I found that pages router should not have index.tsx , but can I keep _app and _document ? Or exchange it with app/layout ?

[@euptr]

@@kumardeepanshu8503 the app/layout will only work for app/ pages, _app and _document will only work for pages/ pages. If you don't know how to use the pages directory, use only the app directory.

[@austincodes]

Every productivity app should have a toolbar

[@aberba]

What kind of toolbar?

[@blueprint7000]

Vercelception !

[@codescandy]

amazing, thank for sharing.

[@micahgoodreau]

dark mode to a bright white screen while watching in a dark room = harsh

[@rli09]

why not make a video on the infra vercel uses instead? feature flags, CMS, monitoring, loggings are nothing new and integration is as easy as signing up some existing saas what users are really curious is about how vercel uses lambda, cf workers, and set up the multi-tenet edge network :)

[@davidlakubu9968]

Just saw a Reddit post asking if vercel uses vercel 😂

[@StephenRayner]

Cloudflare outage is all I can think of when he says “dog food”. I hope your infrastructure has learnt from cloudflare dog flooding outage.

[@oopss794]

how vercel builds vercel in top of cloudflare and other technologies*

[@Qagpt]

Websockets

[@xtremescript]

Q: How Vercel builds Vercel A: Without backwards compatibility That's honestly really all you want to know.

[@StephenRayner]

Can’t read it, I am on MOBILE. Screen text too small

[@planesrift]

Verception! 😂

[@davidadokuru8139]

saw Nigeria needs improvements😅

[@mshuman]

Can't wait till Vercel goes down and they can't fix it because Vercel is down

[@gang_albanii]

gen z stack

[@dhrambiragarwal3520]

Npm run dev worked Npm run build worked Npm run start worked But while hosting in vercel error error error f**k vercel

[@mcodesthings]

Waiting for the part where things get interesting. This ad was very boring.

[@ordinarygg]

Looks like cringe sectant ideology 😂

[@mandeepchoutapelly2939]

Thanks for the sneak peak, `@vercel/otel` now to supports edge runtime however it appears like the original git repository at `vercel/otel` has been turned private (or moved?)

[@BenZekriNBENZ]

Nice and clean work ;)