Disney+ Clone

A Disney+ clone using Next JS and firebase and all the styling was done from scratch without using any libraries.

Deployment

Deployed with the help of Vercel <- Live URL

Demo

Performance

Features

• Responsive
• Statically Generated pages for better FCP.
• Hooks

Future Changes

• Reducing the TTI and TBT for mobile devices.
• Adding more animations and making it more interactive.

Tech Stack

React, Redux-Toolkit, Next JS, Firebase, SASS

Lessons Learned

This was one of the projects with a lot of visual components and great UI so I had to focus on making it look great and also make it performant enough.

Optimizations

I used getStaticProps and getStaticPaths for SSG and Dynamic SSG so that the website has better FCP and I also optimised images and svgs .

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

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

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.