/nextjs-infinite-scroll

Infinite scroll with Next.js

Primary LanguageTypeScriptMIT LicenseMIT

On-Demand Paginated Data Loading

This starter project demonstrates the implementation of on-demand paginated data loading using both button clicks and infinite scroll functionality.

Features:

  • Utilizes server actions to fetch initial data from the server.
  • Includes examples of working with the React Intersection Observer library.
  • Provides insights into working directly with the JavaScript Intersection Observer API.

Installation

  1. Clone the repository to your local environment:

    git clone https://github.com/c99rahul/nextjs-infinite-scroll.git
    
  2. Install the required dependencies:

    pnpm install
    
  3. Run the development server to see the implementation in action:

    pnpm dev
    

License

This project is licensed under the MIT License.