{"id":26320890,"url":"https://github.com/arnobt78/animevault--nextjs","last_synced_at":"2025-03-15T16:13:02.843Z","repository":{"id":257402016,"uuid":"858161381","full_name":"arnobt78/AnimeVault--NextJS","owner":"arnobt78","description":"Anime-Vault is a NextJS 14 Server Side App with Server Actions, Infinite Scroll, and Framer-Motion Animations, which displays the lists of all anime from Server Side API. This project aims to define, understand, separate, and implement Server Side Actions and Clint Side Actions in NextJS and deploy on Vercel.","archived":false,"fork":false,"pushed_at":"2024-09-16T12:54:52.000Z","size":1553,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-15T16:12:58.050Z","etag":null,"topics":["anime","anime-api","anime-list","client-side-rendering","framer-motion","infinite-scrolling","nextjs","nextjs14","nextjs14-typescript","server-client-application","server-side-api","server-side-rendering","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://anime-vault-arnob.vercel.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/arnobt78.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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-09-16T12:20:11.000Z","updated_at":"2025-02-23T20:56:59.000Z","dependencies_parsed_at":"2024-09-16T14:25:56.823Z","dependency_job_id":null,"html_url":"https://github.com/arnobt78/AnimeVault--NextJS","commit_stats":null,"previous_names":["arnobt78/anime-vault","arnobt78/animevault--nextjs"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FAnimeVault--NextJS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FAnimeVault--NextJS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FAnimeVault--NextJS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arnobt78%2FAnimeVault--NextJS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arnobt78","download_url":"https://codeload.github.com/arnobt78/AnimeVault--NextJS/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243754093,"owners_count":20342542,"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":["anime","anime-api","anime-list","client-side-rendering","framer-motion","infinite-scrolling","nextjs","nextjs14","nextjs14-typescript","server-client-application","server-side-api","server-side-rendering","tailwindcss","typescript"],"created_at":"2025-03-15T16:13:01.676Z","updated_at":"2025-03-15T16:13:02.837Z","avatar_url":"https://github.com/arnobt78.png","language":"TypeScript","readme":"![project25](https://github.com/user-attachments/assets/08b14faa-3e9a-4fb2-a794-2e82c35980ac) ![Screenshot 2024-09-16 at 13 57 39](https://github.com/user-attachments/assets/b0ea18a0-e6cd-4d69-b222-018de87b8fe9)\n\n## AnimeVault-NextJS-Webpage\n\nAnime-Vault is a NextJS 14 Server Side App with Server Actions, Infinite Scroll, and Framer-Motion Animations, which displays the lists of all anime from Server Side API. This project aims to define, understand, separate, and implement Server Side Actions and Clint Side Actions in NextJS and deploy on Vercel.\n\n**Note: To check this website live, click here:** https://anime-vault-arnob.vercel.app/\n\n## To Install Dependences\n\nBefore launching this web application, be sure to install all required dependencies, which are listed in the package.json file.\n\nTo install all dependences, run this command from your project folder: `npm install`\n\n## To Run Project\n\nFirst, run the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n# or\nbun dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## To Install NodeJS\n\nMake sure you have NodeJS installed in your machine first, The installation instructions are here: https://nodejs.org/en/\n\n## Project Dependences Package Installation Command\n\n```\nnpm i framer-motion react-intersection-observer\n\n```\n\n## For More Information\n\nTo get more idea about this project and the Server Side API link and source, visit:\n\n\u003e https://shikimori.one/api/doc/1.0/animes/index\n\n\u003e https://www.youtube.com/watch?v=FKZAXFjxlJI\n\n## To Create Next.js React App\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n## Learn More\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnobt78%2Fanimevault--nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farnobt78%2Fanimevault--nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farnobt78%2Fanimevault--nextjs/lists"}