Product Page Example

This project is an example of a product page using ImageKit.io.

Overview

This project uses a demo product page implementation to demonstrate how ImageKit.io can be used for optimized image and video delivery, along with other advanced features like AI-powered image transformations.

There are two versions of the product page after you start the project:

• /product - A basic product page implementation that uses standard img and video tags.
• /product_ik - An enhanced product page using ImageKit.io for optimized image and video delivery and other advanced features like AI-powered image transformations.

Getting Started

1. Clone this repository

2. Install dependencies: npm install

3. Start the development server: npm run dev

4. Open your browser and navigate to http://localhost:3000/product to see the basic product page.

5. Navigate to http://localhost:3000/product_ik to see the enhanced product page using ImageKit.io.