Back to Projects
AniRealme
A modern platform to discover, browse, and search anime and manga easily
AniRealme is a sleek and user-friendly platform that lets you explore anime and manga effortlessly. It features top categories, detailed information, advanced filters, and a responsive design to enhance your browsing experience. Whether you're looking for trending titles or hidden gems, AniRealme helps you find and enjoy content with ease.
Features
- Vast anime library, including top and seasonal picks
- Responsive and user-friendly interface
- Powerful search and filter tools
- Dark mode for comfortable viewing
- Character, trailer, and recommendation support
- Optimized performance and fast loading
- Infinite scroll for smooth browsing
Highlights
- Built with Next.js App Router and TypeScript
- Uses Server Components and Server Actions for data fetching and mutation
- Client-side rendering optimized with memoization
- Image rendering with Next.js <Image> for lazy loading and performance
- Embla Carousel integration for smooth image sliders
- Infinite scroll with intersection observer and animation on new data
- Dynamic filtering using URL search params and reducer state
- Rate-limited and cached API requests using Bottleneck
Technologies
Next.js
TypeScript
Tailwind CSS