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.
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.
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.
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
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?
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!
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!
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!
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
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)
Next step should have AI as co owner of the repository and recommend best practices for my next.js project, so I don't have watch entire announcement lol.
