hesbon-osoro / dynamic-next-previous-buttons

Dynamic Next and Previous buttons in NextJs.

Home Page:https://dynamic-next-previous-buttons.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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"

About

Dynamic Next and Previous buttons in NextJs.

https://dynamic-next-previous-buttons.vercel.app/


Languages

Language:TypeScript 81.0%Language:CSS 17.3%Language:JavaScript 1.7%