Demo of Image Display Control with Next.js

➡️ This demo has been built on top of the blog-starter template by Vercel.

A quick demo of integrating the Image Display Control React Component into a Next.js project. Made with ❤️ by Frameright. Power to the pictures!

Read more about Image Display Control on the Frameright site.

The detailed documentation for the Image Display Control React Component and other open-source IDC solutions is available on the Frameright developer portal.

To see the final demo in action, visit https://nextjs.frameright.io/.

Creating the demo

Watch on Youtube how to create the demo yourself

Running the demo

To run the final demo yourself, clone the repo and install the dependencies:

git clone git@github.com:Frameright/image-display-control-demo-nextjs.git
cd image-display-control-demo-nextjs
npm install

Then, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

To build the demo for production, run:

npm run build

To serve the production build, run:

npm run start

Again open http://localhost:3000 with your browser to see the result.

Notes

The blog-starter template uses Tailwind CSS (v3.0).