- ✨ Introduction
- ⚙️ Tech Stack
- 📝 Features
- 🚀 Quick Start
[EN] Explore your favorite anime with this Next.js application powered by Shikimori API. Discover new shows, enjoy seamless scrolling through an extensive anime database, and experience smooth transitions with Framer Motion.
[FR] Explorez vos animes préférés facilement avec cette application Next.js alimentée par l'API Shikimori. Décrouvrez de nouvelles séries, profitez d'un défilement fluide à travers une vaste base de données d'animes et d'animations modernes avec Framer Motion.
-
React is a popular JavaScript library for building user interfaces, particularly single-page applications where data changes over time. React's component-based architecture allows developers to create reusable UI components, making development more efficient and the codebase easier to maintain.
-
Next.js is a React framework known for its server-side rendering (SSR) and static site generation (SSG) capabilities, enhancing performance and SEO for web applications. It offers features like automatic code splitting, API routes for server-side logic, and a plugin system for extensibility.
-
Server Actions in Next.js leverage its server-side rendering (SSR) capabilities to handle server-side logic efficiently. Next.js allows developers to implement robust backend functionalities using API routes. These routes enable seamless integration of server-side operations, such as data fetching, processing form submissions, and executing backend tasks securely. Next.js enhances application performance by optimizing server-side execution and providing a scalable architecture for building dynamic web applications.
-
TypeScript is a statically typed superset of JavaScript that allows for early detection of errors and more robust, maintainable code. TypeScript's type system helps developers catch mistakes early during the development process, ensuring a more stable and reliable application.
-
Framer Motion is a React animation library designed for creating smooth, interactive animations and transitions. It simplifies complex animations with a straightforward API, supports gesture-based interactions, and offers physics-based animations for realistic motion effects.
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
Cloning the Repository
git clone {git remote URL}
Installation
Let's install the project dependencies, from your terminal, run:
npm install
# or
yarn install
Running the Project
Installation will take a minute or two, but once that's done, you should be able to run the following command:
npm run dev
# or
yarn devOpen http://localhost:3000 in your browser to view the project.