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 23 часа назад

    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 3 дня назад

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

  • @tushars4038
    @tushars4038 4 дня назад

    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_ 4 дня назад

    It is june 2024, is this concept dead?

  • @SUNGWONG5
    @SUNGWONG5 4 дня назад

    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 5 дней назад

    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 7 дней назад

    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 9 дней назад

    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 9 дней назад

    Super

  • @kasper369
    @kasper369 9 дней назад

    Is this available for a hobby plan?

  • @Samuelsward96
    @Samuelsward96 9 дней назад

    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 9 дней назад

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

  • @johnchristiancabrera6472
    @johnchristiancabrera6472 9 дней назад

    🤯

  • @saasplanet
    @saasplanet 9 дней назад

    great video lee

  • @furkanaksoy2085
    @furkanaksoy2085 9 дней назад

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

  • @aggranular
    @aggranular 10 дней назад

    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 13 дней назад

    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 13 дней назад

    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 14 дней назад

    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 15 дней назад

    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 15 дней назад

    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 15 дней назад

    Will the extension be available for Firefox as well?

    • @gdborton
      @gdborton 14 дней назад

      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 15 дней назад

    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 15 дней назад

    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 15 дней назад

      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 15 дней назад

      @@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 14 дней назад

      @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 15 дней назад

    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 15 дней назад

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

  • @brendanwhiting1235
    @brendanwhiting1235 15 дней назад

    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 16 дней назад

    nice

  • @RevNelson
    @RevNelson 16 дней назад

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

  • @Dylan-wk6gk
    @Dylan-wk6gk 16 дней назад

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