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

  • @mikeonthebox
    @mikeonthebox4 ай бұрын

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

  • @wlockuz4467

    @wlockuz4467

    4 ай бұрын

    Same thoughts.

  • @8Trails50

    @8Trails50

    3 ай бұрын

    well they probably dogfood their stuff by using it right?

  • @NithinJune

    @NithinJune

    3 ай бұрын

    better title

  • @trevordobbertin6469

    @trevordobbertin6469

    3 ай бұрын

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

  • @oryagoda

    @oryagoda

    3 ай бұрын

    It's how they use their software

  • @metasal
    @metasal4 ай бұрын

    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
    @seabass_14 ай бұрын

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

  • @leerob

    @leerob

    4 ай бұрын

    Svelte is amazing

  • @teebu
    @teebu4 ай бұрын

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

  • @codeChuck
    @codeChuck4 ай бұрын

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

  • @codeChuck
    @codeChuck4 ай бұрын

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

  • @runonce
    @runonce4 ай бұрын

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

  • @paramaggarwal
    @paramaggarwal4 ай бұрын

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

  • @A7med3bdulBaset
    @A7med3bdulBaset4 ай бұрын

    I like this kind of videos

  • @EdwardOrnelas
    @EdwardOrnelas4 ай бұрын

    Thank you for this! Very Buildy

  • @ReactNativeWeeks
    @ReactNativeWeeks4 ай бұрын

    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.

  • @GeorgeDonnelly
    @GeorgeDonnelly4 ай бұрын

    Cool, that was interesting, thanks!

  • @davidgrant7729
    @davidgrant77294 ай бұрын

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

  • @leerob

    @leerob

    4 ай бұрын

    kzread.info/dash/bejne/i4WBtcuepMysnZM.html

  • @eliuddyn
    @eliuddyn4 ай бұрын

    Amazing 🔥🔥

  • @lasindunuwanga5292
    @lasindunuwanga52924 ай бұрын

    This is cool. Thanks for sharing some intel

  • @Aaron-eo1gv
    @Aaron-eo1gv3 ай бұрын

    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.

  • @bandekhoda7801
    @bandekhoda78014 ай бұрын

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

  • @ryanquinn1257
    @ryanquinn12574 ай бұрын

    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

    @marcuss.abildskov7175

    4 ай бұрын

    Because Vercel is shit.

  • @marcuss.abildskov7175

    @marcuss.abildskov7175

    4 ай бұрын

    Because Vercel is shit.

  • @reeteshvirous1359
    @reeteshvirous13594 ай бұрын

    Bow this is some content 🫡

  • @Svish_
    @Svish_4 ай бұрын

    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. 😢

  • @DS-ow2ge
    @DS-ow2ge4 ай бұрын

    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

    @leerob

    4 ай бұрын

    Will be available to all plans in the future!

  • @Shulkerkiste
    @Shulkerkiste4 ай бұрын

    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.

  • @wealthassistant
    @wealthassistant3 ай бұрын

    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.

  • @coursedekho
    @coursedekho4 ай бұрын

    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

    @teebu

    4 ай бұрын

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

  • @omkarkulkarni3644
    @omkarkulkarni36443 ай бұрын

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

  • @ismbks
    @ismbks3 ай бұрын

    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

  • @bitcrawler
    @bitcrawler4 ай бұрын

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

  • @ekremkenter
    @ekremkenter3 ай бұрын

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

  • @jonngan
    @jonngan4 ай бұрын

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

  • @eft

    @eft

    4 ай бұрын

    Yes

  • @jonngan

    @jonngan

    4 ай бұрын

    @@eft based

  • @jarnoojasaar

    @jarnoojasaar

    4 ай бұрын

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

  • @jonngan

    @jonngan

    4 ай бұрын

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

  • @blueprint7000
    @blueprint70004 ай бұрын

    Vercelception !

  • @micahgoodreau
    @micahgoodreau4 ай бұрын

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

  • @davidlakubu9968
    @davidlakubu99684 ай бұрын

    Just saw a Reddit post asking if vercel uses vercel 😂

  • @codescandy
    @codescandy4 ай бұрын

    amazing, thank for sharing.

  • @austincodes
    @austincodes4 ай бұрын

    Every productivity app should have a toolbar

  • @aberba

    @aberba

    4 ай бұрын

    What kind of toolbar?

  • @StephenRayner
    @StephenRayner4 ай бұрын

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

  • @kumardeepanshu8503
    @kumardeepanshu85034 ай бұрын

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

  • @hunterwilhelm

    @hunterwilhelm

    4 ай бұрын

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

  • @kumardeepanshu8503

    @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

    @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.

  • @rli09
    @rli094 ай бұрын

    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 :)

  • @oopss794
    @oopss7944 ай бұрын

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

  • @planesrift
    @planesrift4 ай бұрын

    Verception! 😂

  • @xtremescript
    @xtremescript4 ай бұрын

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

  • @mshuman
    @mshuman4 ай бұрын

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

  • @davidadokuru8139
    @davidadokuru81394 ай бұрын

    saw Nigeria needs improvements😅

  • @Qagpt
    @Qagpt4 ай бұрын

    Websockets

  • @StephenRayner
    @StephenRayner4 ай бұрын

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

  • @gang_albanii
    @gang_albanii3 ай бұрын

    gen z stack

  • @dhrambiragarwal3520
    @dhrambiragarwal35203 ай бұрын

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

  • @mcodesthings
    @mcodesthings3 ай бұрын

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

  • @ordinarygg
    @ordinarygg4 ай бұрын

    Looks like cringe sectant ideology 😂

  • @mandeepchoutapelly2939
    @mandeepchoutapelly29394 ай бұрын

    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
    @BenZekriNBENZ4 ай бұрын

    Nice and clean work ;)

Келесі