{"id":20622165,"url":"https://github.com/ankitray-dev/anime-scroll","last_synced_at":"2026-05-02T17:37:29.386Z","repository":{"id":247441410,"uuid":"825826821","full_name":"ankitray-dev/anime-scroll","owner":"ankitray-dev","description":"Next 14 Server Side App with Server Actions, Infinite Scroll \u0026 Framer Motion Animations","archived":false,"fork":false,"pushed_at":"2024-09-18T09:39:21.000Z","size":1641,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-17T05:29:14.489Z","etag":null,"topics":["framer-motion","nextjs","reactjs","shikimori-api"],"latest_commit_sha":null,"homepage":"https://anime-scroll-weld.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ankitray-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-08T15:17:58.000Z","updated_at":"2024-09-18T09:39:18.000Z","dependencies_parsed_at":"2024-07-08T20:58:12.021Z","dependency_job_id":"dff2ba92-3861-4f60-8a40-5d3bc3ca54bd","html_url":"https://github.com/ankitray-dev/anime-scroll","commit_stats":null,"previous_names":["ankitray-dev/anime-scroll"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ankitray-dev%2Fanime-scroll","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ankitray-dev%2Fanime-scroll/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ankitray-dev%2Fanime-scroll/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ankitray-dev%2Fanime-scroll/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ankitray-dev","download_url":"https://codeload.github.com/ankitray-dev/anime-scroll/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242300007,"owners_count":20105119,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["framer-motion","nextjs","reactjs","shikimori-api"],"created_at":"2024-11-16T12:21:08.669Z","updated_at":"2025-10-30T21:23:45.550Z","avatar_url":"https://github.com/ankitray-dev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Anime Scroll\n\nAnime Scroll is a Next.js 14-based application that leverages server actions for efficient API calls, implements infinite scrolling for seamless content loading, and enhances user experience with Framer Motion animations. Ideal for anime enthusiasts, it integrates features such as data fetching from the Shikimori API, client-side rendering with motion components, and optimizations for improved performance.\n\n## Features\n\n- **Server Side App with Next.js 14**: Utilizes the latest version of Next.js for server-side rendering and server actions.\n- **Server Actions**: Abstracts the process of making API calls from client to server, allowing you to perform create, update, and delete actions alongside typical read operations.\n- **Infinite Scroll**: Implements infinite scrolling to dynamically load content as the user scrolls.\n- **Framer Motion Animations**: Enhances the user interface with smooth and interactive animations.\n\n## Technologies Used\n\n- **Next.js 14**\n- **React**\n- **Framer Motion**\n- **Shikimori API**\n- **react-intersection-observer**\n\n## Getting Started\n\nFollow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.\n\n### Prerequisites\n\n- Node.js (v14 or later)\n- npm or yarn\n\n### Installation\n\n1. Clone the repository:\n    ```bash\n    git clone https://github.com/ankitray-dev/anime-scroll.git\n    ```\n2. Navigate to the project directory:\n    ```bash\n    cd anime-scroll\n    ```\n3. Install dependencies:\n    ```bash\n    npm install\n    ```\n    or\n    ```bash\n    yarn install\n    ```\n\n### Usage\n\n1. Start the development server:\n    ```bash\n    npm run dev\n    ```\n    or\n    ```bash\n    yarn dev\n    ```\n2. Open your browser and go to `http://localhost:3000` to see the app in action.\n\n## Contributing\n\nWe welcome contributions from the community. To contribute, follow these steps:\n\n1. Fork the repository.\n2. Create a new branch:\n    ```bash\n    git checkout -b feature-name\n    ```\n3. Make your changes and commit them:\n    ```bash\n    git commit -m 'Add some feature'\n    ```\n4. Push to the branch:\n    ```bash\n    git push origin feature-name\n    ```\n5. Open a pull request on GitHub.\n\n## License\n\nThis project is licensed under the MIT License.\n\n## Acknowledgements\n\n- Thanks to the creators of [Next.js](https://nextjs.org/), [Framer Motion](https://www.framer.com/motion/), and [Shikimori API](https://shikimori.one/).\n- Special thanks to the developers who contributed to the [react-intersection-observer](https://www.npmjs.com/package/react-intersection-observer) package.\n\n## Contact\n\nFor questions or feedback, please contact Ankit at [ankitraywork@gmail.com].\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fankitray-dev%2Fanime-scroll","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fankitray-dev%2Fanime-scroll","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fankitray-dev%2Fanime-scroll/lists"}