Hey! I’ve been working with Axios con Next 14 for a while now, and I’d recommend creating a custom instance for sure. It makes life easier when you need to set global headers or handle errors consistently.
For caching, you can use something like `react-query` or `swr` alongside Axios. They work really well with Next.js and handle caching out of the box.
Here’s a quick example of a custom Axios instance:
```javascript
const axiosInstance = axios.create({
baseURL: 'https://api.yoursite.com',
headers: { 'Content-Type': 'application/json' },
});
```
Then just import this wherever you need it. Hope this helps!
For caching, you can use something like `react-query` or `swr` alongside Axios. They work really well with Next.js and handle caching out of the box.
Here’s a quick example of a custom Axios instance:
```javascript
const axiosInstance = axios.create({
baseURL: 'https://api.yoursite.com',
headers: { 'Content-Type': 'application/json' },
});
```
Then just import this wherever you need it. Hope this helps!