![Vercel](/img/default-banner.jpg)
- 304
- 4 735 698
Vercel
United States
Приєднався 28 кві 2017
Vercel’s Frontend Cloud provides the developer experience and infrastructure to build, scale, and secure a faster, more personalized web.
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
• 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...
Trying to attack the Vercel Firewall
Переглядів 21 тис.28 днів тому
Trying to attack the Vercel Firewall
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
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
Building an OpenAI-powered Slackbot with GPT
Переглядів 6 тис.4 місяці тому
Building an OpenAI-powered Slackbot with GPT
This is truly the UI's future! Great job Vercel!
next js is crap its mistake and its bad thing)
what is different bettwen supspense component and file loading.tsx
im migrating to remix whenever vercel drops support for the pages router
And I've been ordering Chick-fil-As instead of applying to work there...
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.
It is june 2024, is this concept dead?
Vercel MAKE Life easy
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.
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.
cool
Pretty exciting stuff! Thanks for sharing!
9:00 This is amazing!
Link to monorepo?
This slackbot is a great start, but it often returns nothing when the prompt is little bit more complicated...
Lee wearing a Remix t-shirt... Is this his "blink twice if you're being held hostage"? 😄
What would be a good reason to not enable this?
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
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.
Super
Is this available for a hobby plan?
Pro and enterprises
Hey i'm struggling a bit with the useChat for multiple conversations. How can i keep multiple conversations active at once? Any tips?
Hey Lee what is the best approach to prompt users to refresh their browser when I push a big version change?
Server sent events maybe?
🤯
great video lee
When i try to deploy i get url error in vercel app. how can i fix that?
Please do not promote the anti pattern if casting result of fetch json to some ar arbitrary type.
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 ```
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
Will these dev tools soon extend to include caching behavior for next js apps? 😢
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?
This is amazing stuff 🔥
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!
You just have save my project before I turn crazy, tx comrade
can I use ai vercel in vue.js
Do you mind sharing the name of the VS theme?
If it's so good, why do you get $12,000 bills?
Disneyland for devs, while AWS is a Silent Hill
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 😅
Glad you found it helpful!
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!
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
Will the extension be available for Firefox as well?
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.
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!
I'm paranoid about getting a $95k bill, if I'm going to be honest. I'm not trying to be cheeky either. 😢
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
@@MrManafon yeah blame the customer..... right. ✅️
Have you tried out Spend Management?
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.
@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.
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
Does any body know where does they create this presentations? Which tools do they use? I think it is not power point ...
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.
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)
What if attack is done via botnet?
This is great.. You guys are doing pretty well😊
nice
"Try our experimental feature out. Production only." ........
For anyone wondering about rate limiting, you can do that with their Vercel KV offering and @upstash/ratelimit