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
Пікірлер: 69
This feels more like describing Vercel features and not so much how "Vercel builds Vercel"
@wlockuz4467
4 ай бұрын
Same thoughts.
@8Trails50
3 ай бұрын
well they probably dogfood their stuff by using it right?
@NithinJune
3 ай бұрын
better title
@trevordobbertin6469
3 ай бұрын
Read “Do things that don’t scale” by Paul Graham
@oryagoda
3 ай бұрын
It's how they use their software
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
I'm thankful you still help the sveltekit movement because without it I'd be sad
@leerob
4 ай бұрын
Svelte is amazing
very nice share. its always nice to see how big companies are doing things
Interesting! It is nice to know that Vercel is in the process of migration to App router for Vercel site :)
Interesting! It is nice to know that Vercel is in the process of migration to App router for Vercel site :) 🔺
Nice insight! Thanks for sharing. What lib do you use for the monitoring graphics at 8:10?
Please don't put a 10 member limit on the Team plan - that is the only single annoyance I have with Vercel...
I like this kind of videos
Thank you for this! Very Buildy
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.
Cool, that was interesting, thanks!
Awesome walk through! It would be nice to see an example of incrementally moving from pages to app.
@leerob
4 ай бұрын
kzread.info/dash/bejne/i4WBtcuepMysnZM.html
Amazing 🔥🔥
This is cool. Thanks for sharing some intel
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.
I thought it's about how Vercel builds Vercel but it was just an ad for different Vercel products
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
4 ай бұрын
Because Vercel is shit.
@marcuss.abildskov7175
4 ай бұрын
Because Vercel is shit.
Bow this is some content 🫡
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. 😢
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
4 ай бұрын
Will be available to all plans in the future!
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.
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.
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
4 ай бұрын
i didnt fully understand your bad english, but try react query.
Offtopic : The jacket is cool, where'd you get it?
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
It's a all in one platform basically, I don't understand why many people hate Vercel/ Next/JS
I was hoping to see how they actually deploy new changes to prod but the whole video was sort of Vercel commercials.
If I put a .py in the api folder will this act as a Python endpoint with out flask?
@eft
4 ай бұрын
Yes
@jonngan
4 ай бұрын
@@eft based
@jarnoojasaar
4 ай бұрын
just put "use py" at the top of the file and you will be set.
@jonngan
4 ай бұрын
@@jarnoojasaar I got too excited and tried to host a hugging face model api, there are storage limits lmao
Vercelception !
dark mode to a bright white screen while watching in a dark room = harsh
Just saw a Reddit post asking if vercel uses vercel 😂
amazing, thank for sharing.
Every productivity app should have a toolbar
@aberba
4 ай бұрын
What kind of toolbar?
Cloudflare outage is all I can think of when he says “dog food”. I hope your infrastructure has learnt from cloudflare dog flooding outage.
Can we keep, both app and page router on same website? If yes is there any example to do it ?
@hunterwilhelm
4 ай бұрын
Yes, that's possible! Just add both of the folders and make sure the routes don't overlap
@kumardeepanshu8503
4 ай бұрын
@@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
4 ай бұрын
@@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.
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 :)
how vercel builds vercel in top of cloudflare and other technologies*
Verception! 😂
Q: How Vercel builds Vercel A: Without backwards compatibility That's honestly really all you want to know.
Can't wait till Vercel goes down and they can't fix it because Vercel is down
saw Nigeria needs improvements😅
Websockets
Can’t read it, I am on MOBILE. Screen text too small
gen z stack
Npm run dev worked Npm run build worked Npm run start worked But while hosting in vercel error error error f**k vercel
Waiting for the part where things get interesting. This ad was very boring.
Looks like cringe sectant ideology 😂
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?)
Nice and clean work ;)