Next JS: Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations. Under the hood, Next.js also abstracts and automatically configures tooling needed for React, like bundling, compiling, and more.

React JS: React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript.

Framer Motion: Framer Motion provides the AnimatePresence component to keep components in the DOM while they perform an exit animation.

React Awesome Reveal: Performant animated components for React apps. Get Started. Playground. Lightweight. It does one thing and does it well. No dependencies, no bloat.

Install packages from the root directory

npm install

or

yarn install

Then, run the development server:

npm run dev

or

yarn dev

Open http://localhost:3000 with your browser to see the result.