Vercel
Vercel
  • 304
  • 4 735 698
Deploy without breaking existing apps
Learn how to prevent version skew with Vercel, through a demo of a Next.js application that is being frequently deployed while being accessed from multiple clients.
• vercel.com/docs/deployments/skew-protection
• www.industrialempathy.com/posts/version-skew
Переглядів: 4 400

Відео

DevTools for every Vercel deployment
Переглядів 4,5 тис.14 днів тому
What if every deployment allowed you to comment on the page, easily view feature flags, integrate with your unpublished CMS content, run accessibility audits, monitor your performance metrics, and more? ◆ vercel.com/products/previews ◆ vercel.com/docs/workflow-collaboration/vercel-toolbar #vercel
How we improved Vercel cold starts
Переглядів 3 тис.14 днів тому
Vercel's infrastructure now keeps a minimum of one function instance warm for production environments on paid plans. This improves startup times for apps with relatively low traffic. This builds on our recent improvements to make Vercel Functions start up even faster, by powering them with Rust and adding support for bytecode caching. In this video, we walk through the two blog posts below in m...
Vercel Ship 2024 Keynote Feature: Infrastructure and Next.js
Переглядів 59314 днів тому
What makes a cold start? We look at the root causes of cold starts and updates to Vercel's compute. Additionally, see what's new in Next.js 15. Speaker: Lee Robinson, VP of Product ◆ Learn more about our latest ships: vercel.fyi/ship-recap-24 ◆ Check out the Vercel product tour: vercel.fyi/producttour
Vercel Ship 2024 Keynote Feature: Toolbar & Feature Flags
Переглядів 41914 днів тому
Explore everything the Vercel Toolbar has to offer, from content and collaboration tooling, accessibility audits, feature flag overrides, and so much more. Speaker: Greta Work, Director of Product Marketing ◆ Learn more about our latest ships: vercel.fyi/ship-recap-24 ◆ Check out the Vercel product tour: vercel.fyi/producttour
Vercel Ship 2024 Keynote Feature: Security
Переглядів 27914 днів тому
Introducing the Vercel Web Application Firewall and improvements in access, application, and infrastructure security. Speaker: Ty Sbano, CISO ◆ Learn more about our latest ships: vercel.fyi/ship-recap-24 ◆ Check out the Vercel product tour: vercel.fyi/producttour
Vercel Ship 2024 Keynote Feature: v0 & AI SDK
Переглядів 2 тис.14 днів тому
Jared Palmer walks through improvements to the v0 workflow, our GenUI tool that helps you got from idea to UI with any prompt. We also see updates to the AI SDK, our toolkit for building with AI on the web. Speaker: Jared Palmer, VP of AI ◆ Learn more about our latest ships: vercel.fyi/ship-recap-24 ◆ Check out the Vercel product tour: vercel.fyi/producttour
Vercel Ship 2024 Closing Q&A
Переглядів 1,3 тис.21 день тому
Guillermo Rauch and Sarah Guo talk about all things AI, v0, Next.js App Router, and the future of frontend ◆ Learn more about our latest ships: vercel.fyi/ship-recap-24 ◆ Check out the Vercel product tour: vercel.fyi/producttour
Optimization strategies for a performant, headless storefront
Переглядів 49421 день тому
Building ecommerce sites is so important today. A customer’s first impression is very likely your digital storefront-so it better be fast and polished. This group of experts talks about how to choose the right tech stack, how to enable non-technical teammates to actively participate in the dev process, and how to optimize for performance. ◆ Learn more about our latest ships: vercel.fyi/ship-rec...
Building AI voice and music applications with Next.js and Vercel (Hume AI & CreateSafe)
Переглядів 94221 день тому
New AI apps are popping up every day, but the voice and music space presents unique challenges-both technical and legal. How do these teams ship fast and keep up with changing technologies? Learn how these leaders in the AI voice and music space are scaling quickly with Next.js and Vercel and thinking about the future of AI. ◆ Learn more about our latest ships: vercel.fyi/ship-recap-24 ◆ Check ...
AI for enterprise teams (Google, Groq, & OpenAI)
Переглядів 53721 день тому
Everyone is hopping on the AI train these days. It might be easy for smaller startups to adopt new technologies, but how can large enterprises join in? How should teams be thinking about scaling and security? What do real use cases even look like at larger companies-is there more they can do than just add a support bot to their homepage? ◆ Learn more about our latest ships: vercel.fyi/ship-reca...
Addressing deployment speed and developer focus with Vercel (Johnson & Johnson)
Переглядів 45221 день тому
Hosting software can be expensive in terms of both developer time and company funds. It’s important to find the tech stack that works for your product and your developers. The need for real-time updates was a key driver for Johnson & Johnson choosing Vercel, offering the team a competitive advantage in content management. Additionally, leveraging Vercel to embrace modern web development practic...
Architecting codebases and organizations for iteration velocity (Chick-fil-A)
Переглядів 1,3 тис.21 день тому
We’re all familiar with Chick-fil-A, known for their great food and efficient service. Operating 3,059 restaurants across 48 states, supplying and managing these restaurants is no small feat, and requires technology and teams that can move as fast as their service. Starting from a monolithic, slow-moving application that served their internal teams, Chick-fil-A engineering has been restructurin...
Betting on the web: Ensuring fine-tuned performance for dynamic web apps (Adobe)
Переглядів 1,5 тис.21 день тому
Frame.io is a web-based platform that allows millions of users to collaborate on videos and customize their end-to-end creative workflow. Just last month, the team, now part of Adobe, released Frame.io Version 4, a fresh take on the video platform focused on performance and user experience. After building and scaling the engineering team at Frame.io, Charlton Roberts now leads a cross-cutting t...
Maintaining performance across a highly dynamic commerce site (ASICS)
Переглядів 62721 день тому
For 75 years, ASICS has been helping consumers embrace a sound body and mind through both the clothes and equipment they sell and the experiences they help enable across the world. Their digital team is not only responsible for a thriving, billion-dollar-revenue storefront, but also for enabling thousands of local race sites and event platforms for their community around the world. Embracing th...
Vercel Ship 2024 Keynote
Переглядів 4,7 тис.21 день тому
Vercel Ship 2024 Keynote
Trying to attack the Vercel Firewall
Переглядів 21 тис.28 днів тому
Trying to attack the Vercel Firewall
Hands on with the Vercel AI SDK 3.1
Переглядів 26 тис.Місяць тому
Hands on with the Vercel AI SDK 3.1
Build a chatbot with Google Gemini and the Vercel AI SDK
Переглядів 17 тис.2 місяці тому
Build a chatbot with Google Gemini and the Vercel AI SDK
Ruggable's optimization strategies for a performant headless storefront
Переглядів 2,1 тис.2 місяці тому
Ruggable's optimization strategies for a performant headless storefront
Next.js Explained: How cookies() uses AsyncLocalStorage
Переглядів 10 тис.2 місяці тому
Next.js Explained: How cookies() uses AsyncLocalStorage
How to protect your Vercel site from attackers
Переглядів 10 тис.3 місяці тому
How to protect your Vercel site from attackers
Bringing React Components to AI
Переглядів 36 тис.3 місяці тому
Bringing React Components to AI
Vercel Ship 2024
Переглядів 12 тис.3 місяці тому
Vercel Ship 2024
Soft and hard spend limits for Vercel projects
Переглядів 5 тис.4 місяці тому
Soft and hard spend limits for Vercel projects
How streaming impacts React and Next.js applications
Переглядів 29 тис.4 місяці тому
How streaming impacts React and Next.js applications
Vercel Infrastructure: How we achieve high availability
Переглядів 6 тис.4 місяці тому
Vercel Infrastructure: How we achieve high availability
AI Integrations for Vercel
Переглядів 8 тис.4 місяці тому
AI Integrations for Vercel
Build an AI app in 5 minutes!
Переглядів 59 тис.4 місяці тому
Build an AI app in 5 minutes!
Building an OpenAI-powered Slackbot with GPT
Переглядів 6 тис.4 місяці тому
Building an OpenAI-powered Slackbot with GPT

КОМЕНТАРІ

  • @benjaminko7812
    @benjaminko7812 6 годин тому

    This is truly the UI's future! Great job Vercel!

  • @napoleonborntoparty5437
    @napoleonborntoparty5437 День тому

    next js is crap its mistake and its bad thing)

  • @trungtrung2248
    @trungtrung2248 2 дні тому

    what is different bettwen supspense component and file loading.tsx

  • @whitegroyper
    @whitegroyper 2 дні тому

    im migrating to remix whenever vercel drops support for the pages router

  • @AvihuTurzion
    @AvihuTurzion 2 дні тому

    And I've been ordering Chick-fil-As instead of applying to work there...

  • @tushars4038
    @tushars4038 3 дні тому

    We are using Nextjs 14 App router and when we are trying to enable caching in Cloudfront, all assets are getting duplicated. All images on page is replaced by one image. Is this a nextjs issue or Cloudfront ? Appreciate any help.

  • @nishantshah_
    @nishantshah_ 3 дні тому

    It is june 2024, is this concept dead?

  • @SUNGWONG5
    @SUNGWONG5 3 дні тому

    Vercel MAKE Life easy

  • @slavalu74
    @slavalu74 4 дні тому

    As always by Next over engineered and over complicated. We just need 4 functions. streamUI, receiveUI, streamText, receiveText. Everything else much easier to do without your helper functions.

  • @lekanlawal8055
    @lekanlawal8055 4 дні тому

    we are gonna start copy pasting codes, you need to remove thaat, we don't need thiss, go over there and copy this code, i am gonna do something like thisss, i am gonna call this children so i am gonna paste it herrre, so let's put this inside this component, Love the speed run. Peace.

  • @swordali
    @swordali 5 днів тому

    cool

  • @DonvitoCodes
    @DonvitoCodes 6 днів тому

    Pretty exciting stuff! Thanks for sharing!

  • @grimquokka9843
    @grimquokka9843 6 днів тому

    9:00 This is amazing!

  • @vytorbrb3568
    @vytorbrb3568 7 днів тому

    Link to monorepo?

  • @sicktastictv
    @sicktastictv 7 днів тому

    This slackbot is a great start, but it often returns nothing when the prompt is little bit more complicated...

  • @ashatron656
    @ashatron656 8 днів тому

    Lee wearing a Remix t-shirt... Is this his "blink twice if you're being held hostage"? 😄

  • @wieger14
    @wieger14 8 днів тому

    What would be a good reason to not enable this?

    • @elielsonms
      @elielsonms 8 днів тому

      Likely high cost, you'll have computational resources replicated for each new version for that amount of time. If you don't have a very critical application or don't have a very coupled front to the backend, you wouldn't need it

    • @styfle123
      @styfle123 8 днів тому

      Its not common, but you might not want to enable Skew Protection if you have a strict requirement that clients must use the latest version. In that case, you might even implement a client-side refresh that runs periodically.

  • @swordali
    @swordali 8 днів тому

    Super

  • @kasper369
    @kasper369 8 днів тому

    Is this available for a hobby plan?

  • @Samuelsward96
    @Samuelsward96 8 днів тому

    Hey i'm struggling a bit with the useChat for multiple conversations. How can i keep multiple conversations active at once? Any tips?

  • @austincodes
    @austincodes 8 днів тому

    Hey Lee what is the best approach to prompt users to refresh their browser when I push a big version change?

  • @johnchristiancabrera6472
    @johnchristiancabrera6472 8 днів тому

    🤯

  • @saasplanet
    @saasplanet 8 днів тому

    great video lee

  • @furkanaksoy2085
    @furkanaksoy2085 8 днів тому

    When i try to deploy i get url error in vercel app. how can i fix that?

  • @aggranular
    @aggranular 9 днів тому

    Please do not promote the anti pattern if casting result of fetch json to some ar arbitrary type.

  • @Aaron-eo1gv
    @Aaron-eo1gv 11 днів тому

    I have a page on app/[locale]/png/[slug]/page.tsx, and even though this page is "dynamic", we can cache it for around 24 hours. Although I'm always seeing a MISS. How can I configure it to tell NextJS that it can be cached? ``` HTTP/2 200 age: 0 cache-control: private, no-cache, no-store, max-age=0, must-revalidate server: Vercel vary: RSC, Next-Router-State-Tree, Next-Router-Prefetch x-matched-path: /[locale]/png/[slug] x-powered-by: Next.js x-robots-tag: noindex x-vercel-cache: MISS x-vercel-execution-region: iad1 x-vercel-id: fra1::iad1::vvtzf-1718465731918-0f3e254aa15d content-length: 0 ```

  • @andru5054
    @andru5054 11 днів тому

    Hey, awesome demo - thanks. We're using llamaindex in Python for our LLM backend that uses RAG. I want to use tools that pass react components to the frontend - how would I accomplish this? Thank you

  • @luisllaboj
    @luisllaboj 11 днів тому

    Will these dev tools soon extend to include caching behavior for next js apps? 😢

  • @paulpietzko
    @paulpietzko 11 днів тому

    I created GET and PATCH API endpoints. They work perfectly fine on my localhost, but when I deploy the app, the response is always cached. Is there a way to disable caching on Vercel for specific routes?

  • @peterkyle_0125
    @peterkyle_0125 12 днів тому

    This is amazing stuff 🔥

  • @edaxucles90
    @edaxucles90 12 днів тому

    I have a question, the first common mistake, I have a a method to retrieve data from blockchain, at the end this method using a library like viem to retrieve data use a http transport, if I just directly use the method is this data result is being cached automatically? Like if I use the same request from 2 server components those calls are de-duplicating by nextjs? In conclusion should need to worry about caching in this case or not? Thanks!

  • @emeraudata
    @emeraudata 12 днів тому

    You just have save my project before I turn crazy, tx comrade

  • @JeomonGeorge
    @JeomonGeorge 13 днів тому

    can I use ai vercel in vue.js

  • @PlayCode99
    @PlayCode99 13 днів тому

    Do you mind sharing the name of the VS theme?

  • @johanw2267
    @johanw2267 13 днів тому

    If it's so good, why do you get $12,000 bills?

  • @qazyhn94
    @qazyhn94 14 днів тому

    Disneyland for devs, while AWS is a Silent Hill

  • @MrManafon
    @MrManafon 14 днів тому

    This is honestly very good. I disabled the bar early on as i saw it as a gimmick, but boy i was wrong, its awesome, we just needed a video like this 😅

    • @leerob
      @leerob 14 днів тому

      Glad you found it helpful!

  • @realslimsutton8914
    @realslimsutton8914 14 днів тому

    A video guiding about feature flags alongside the vercel toolbar would be great. Perhaps an example with using a 3rd party feature flag provider, and 1st party integration (such as using the edge config, or even the .env file). Could also then give examples on the benefits and drawbacks of each solution. Great video thanks!

    • @dferber
      @dferber 14 днів тому

      I just finished a draft blog post about exactly this! I’d like you read my mind. Keep an eye on Vercel’s blog, this should go out soon

  • @ryzzlas
    @ryzzlas 14 днів тому

    Will the extension be available for Firefox as well?

    • @gdborton
      @gdborton 13 днів тому

      Unfortunately some of the features are only possible in Chrome because of the different ways that FF/Safari sandbox, but I wouldn't rule out a version for FF entirely.

  • @benllshua
    @benllshua 14 днів тому

    wow, the accessability tool & social media is something I'm gonna use for sure, have you thought adding this stuff as eslint rules or on build warnings? so on build it would scream at me - look at the vercel deployment at that path!

  • @anubisai
    @anubisai 14 днів тому

    I'm paranoid about getting a $95k bill, if I'm going to be honest. I'm not trying to be cheeky either. 😢

    • @MrManafon
      @MrManafon 14 днів тому

      I don’t think that is realistic unless you ignore a lot of emails, disable all monitors and limits, and also badly screw up the app architecture :p

    • @anubisai
      @anubisai 14 днів тому

      @@MrManafon yeah blame the customer..... right. ✅️

    • @leerob
      @leerob 14 днів тому

      Have you tried out Spend Management?

    • @xReDxTuRtLeZx
      @xReDxTuRtLeZx 14 днів тому

      while thats a valid feeling, they posted a vid regarding this titled "How to protect your Vercel site from attackers" which came out after that 95k bill situation. with the new measurements in place, their main goal is to make it harder for attackers to take advantage of your site, and they have an understanding side where they dont want to hinder your success because many people dont get a chance to pop off twice. they are understandable people who want to make money from their business, not running the pockets of indie devs who accidently left a large library import that can be abused in rapid requests. AWS is just as easy to accidently have a big bill, but i didn't see stories where they let a 95k bill slide. there is a ridiculous amount of overhead for a dev to worry about in modern web dev even as it simplifies, but these tools help make that list just a bit shorter.

    • @anubisai
      @anubisai 13 днів тому

      @xReDxTuRtLeZx I get it. And I know the value that Vercel provides unequivocally. I just think they could be more proactive on the corporate side with COMON SENSE. Like hey, this dudes little website is gonna incur a 95k bill. We can't get ahold of him. Better slowing down or shut it off or something other than letting it rack up. I like Vercel as much as the next developer but the fan boy attitude amongst people is pretty absurd and unfortunate.

  • @xReDxTuRtLeZx
    @xReDxTuRtLeZx 14 днів тому

    its amazing to see how accessible vercel makes being a new web developer, and these guard rails to ensure all of the stuff thats usually dreaded to get around to doesnt just get forgotten. awesome stuff

  • @robsoft_gt
    @robsoft_gt 14 днів тому

    Does any body know where does they create this presentations? Which tools do they use? I think it is not power point ...

  • @brendanwhiting1235
    @brendanwhiting1235 14 днів тому

    This library has bugs and does not support all features. You may need to implement tool calls directly with the openai library as I have done.

  • @lolhp._.
    @lolhp._. 15 днів тому

    is there a way to make this without loading a data from an API or something? like whenever the window/tab is loading it shows the loader and when the window/tab is loaded it removes the loading screen. (Again, not by API data or anything)

  • @ahmedaghadi8281
    @ahmedaghadi8281 15 днів тому

    What if attack is done via botnet?

  • @vickonsscope6477
    @vickonsscope6477 15 днів тому

    This is great.. You guys are doing pretty well😊

  • @andreschou9560
    @andreschou9560 15 днів тому

    nice

  • @RevNelson
    @RevNelson 15 днів тому

    "Try our experimental feature out. Production only." ........

  • @Dylan-wk6gk
    @Dylan-wk6gk 15 днів тому

    For anyone wondering about rate limiting, you can do that with their Vercel KV offering and @upstash/ratelimit