In the App router, using a context API provider at the root level of the project is not recommended. How can I implement the "Add to Cart" functionality and instantly update cart item counts in the header?

I want to implement it with minimal client-side rendering and without compromising SEO optimized and performance.