[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.

[ghost]

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

[ghost]

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?

[ghost]

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.

[ghost]

Done!

[ghost]

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?

[ghost]

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

[devvsakib]

Kindly share "Error Message"

[ghost]

Bro the Project has been whole converted to Next js but there are one or two errors . Should i make PR?

[ghost]

there are no major issues just one or two issues

[devvsakib]

Is it causing any major error? or it has no effect on the website @moizsheraz? If it's not, you can submit PR

[ghost]

No, no major issue and I want some help form you regarding PR

[devvsakib]

Sure, submit PR

[ghost]

i have convert all the project by making new next js project now i make PR if you guide i will be Thankful

[ghost]

should i move the converted project folder inside cloned project? I am new to open source.

[devvsakib]

Sorry for that, I didn't understand what did you mean by that

[ghost]

I have convert your Project by creating new next app and now i want to make PR how i make PR ?

[devvsakib]

push all code to your cloned repository, then you will see a message to open pull request

[ghost]

ok

[devvsakib]

• Open Terminal in your project folder
• git add .
• git commit -m "yourmessage"
• git push
• go to forked repository

• 

• 

Done

[ghost]

okay

[ghost]

Done plz check