Next.js

npm install cortado-js

// Import optimizeImage and resizeImage functions from Cortado.js
import { optimizeImage, resizeImage } from 'cortado-js';

const MyComponent = () => {
  // Call optimizeImage with the path to your image
  const optimizedImage = optimizeImage('image.jpg');
  
  // Call resizeImage to resize the image to a specific width and height
  const resizedImage = resizeImage('image.jpg', { width: 300, height: 200 });
  
  return (
    <div>
      {/* Use the optimized image source in your component */}
      <img src={optimizedImage} alt="Optimized Image" />
      
      {/* Use the resized image source in your component */}
      <img src={resizedImage} alt="Resized Image" />
    </div>
  );
};

export default MyComponent;