Convert React Site to Next.js with Backend Integration & SEO

I have a React + Django web application. Some pages are not loading data properly from the backend. I need a developer to convert the React frontend to Next.js, implement server-side rendering (SSR) so all pages fetch data correctly, and optimize the site for SEO.
I have the Djando backend code, Figma designs, React build file and a reversed-engineered React source code, to use as reference. The goal is to have a fully functional, SEO-friendly Next.js frontend connected to the Django backend.
For any reference I have deployed the site to render.com/Netlify whose links are given below.

Project Scope:
1. Next.js Migration
Convert the React frontend to Next.js.
Implement SSR for all pages.
Ensure all pages fetch data correctly from the backend.

2. Backend Integration
Connect to the existing Django APIs.
Make signin/signup and payment pages fully functional.

3. SEO Optimization
Add proper meta tags, Open Graph tags, and canonical URLs.

4. Testing & Delivery
Ensure all pages, forms, and API calls work correctly.
o Uploading all the codes to GitHub.

Resources Provided:

• React Build, Django Source Code, Reversed-engineered React frontend (https://drive.google.com/drive/folders/1qdNgAoNB_z7nPBfnGqJczRlggWJMS46l?usp=sharing)

• Figma design files (https://www.figma.com/design/ROH5Rv0WcMHJ5uHjtDuCDa/Project-Pages?node-id=0-1&t=nobr5JJKnof5t7Ll-1)

• Links for reference deployment (for visualization only):
Backend: https://cp2-882k.onrender.com/
Frontend: https://creative-scone-fca52e.netlify.app/

***Before opening the netlify link, open and refresh the render url given.