[FEAT]: Move CRA project to Next.js

[devvsakib]

Is your feature request related to a problem? Please describe.
Currently, our project is built with Create React App (CRA). However, we would like to migrate the project to Next.js in order to take advantage of its benefits such as server-side rendering, automatic code splitting, and simplified routing.

This issue will involve the following tasks:

1. Setting up a Next.js project and copying over the existing code
2. Adjusting the code to work with Next.js (e.g. changing import/export statements, modifying the file structure)
3. Testing the new Next.js project to ensure it is functioning correctly and no major issues have been introduced

Describe alternatives you've considered
If something bad happens, we will abort the migration.

Hi!I hope you are doing well i will convert React frontend to Next js plz assign this issue to me

[devvsakib]

Assigned @moizsheraz .
Good Luck and be careful

Any deadline to complete it?

[devvsakib]

CRA is dead, so it will be better if we move to nextjs as fast as possible, What deadline do you expect?

what do you expect form a contributor?

[devvsakib]

not too late, not too fast. Max 2/3 days will be enough if I'm not wrong.

Done!

Hi! Whole Project has been converted to Next js but I am getting one error can you help me out?

[devvsakib]

Sure, Could you please share the error message with me so I can better understand the issue?

htmlToImage.toPng(template,{ find: (node) => (node.tagName !== 'i') })
.then(dataUrl => {
setContributorCard(dataUrl);
})

In the contributer card generation image is not appearing also generate card button is not working