officialrajdeepsingh / picture-nextjs

use picture HTML element in netxjs app router

How to use Picture Element in Nextjs

In this example you can learn how to use picture element with nextjs using nextjs getImageProps API.

learn more: https://medium.com/frontendweb/how-to-use-the-html-picture-element-with-next-js-2760ed587c40

Getting Started

First, clone the following repository with git.

git clone [e-mail]:officialrajdeepsingh/picture-nextjs.git

# change the folder
cd picture-nextjs

Next install the package with node package manager.

npm install
# or
yarn install
# or
pnpm install

Lastly, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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