Anime World is a personal tutorial project designed to refresh my Next.js skills and enhance best practices, while also integrating features like infinite scroll and smooth animations. Using Next.js 14.2.3, Framer Motion, and react-intersection-observer, I focused on creating a high-performance, visually appealing app that showcases a list of popular anime. The project serves as a practical way to sharpen my expertise in server-side rendering, client-side interactivity, and responsive design.
Project Details - Anime World
A modern Next.js 14.2.3 project to explore popular anime with smooth Framer Motion animations and infinite scrolling using react-intersection-observer.
Project information
Project Story
Start Date
26 May 2024
Client
Self
Role
Developer
Exploration
This project allowed me to explore Next.js 14.2.3’s new features while integrating infinite scroll and animations with Framer Motion. It reinforced best practices in handling server-side actions and dynamically loading content. Additionally, working with react-intersection-observer helped improve my understanding of lazy loading and in-view detection for efficient performance.
Github stats
Total star earned
2
Total commits
20
Total PRs
5
Total Issues
-
Total tests
-
Technologies
Language
Typescript - 94.6%
CSS - 4.4%
Javascript - 1%
