Skip to content

hesbon-osoro/dynamic-next-previous-buttons

Repository files navigation

Dynamic Next/Previous buttons in NextJs.

Dynamic

First

Last

Technologies

  • NextJs
  • React
  • TypeScript
  • CSS3

This project demonstrates how to create dynamic next and previous buttons.

The Next button shows the title of the next item to be shown on the UI.

The Previous buttons works the same.

These buttons work like a circular linked list.

That is, the Previous button of the first element takes to the last item in the array while the Next button of the last item takes to the first element in the array.

Setup

# Clone the repo
git clone https://github.com/hesbon-osoro/dynamic-next-previous-buttons.git

# Navigate to directory and install packages
cd dynamic-next-previous-buttons && yarn

# Start the app
yarn dev

Open the App at localhost:3000

"Buy Me A Coffee"