Jquery to Next.js
Unanswered
American black bear posted this in #help-forum
American black bearOP
I have 2 big projects. One is built with next.js and the other is built with html, js, jquery. I need to re-build my jquery project with next.js. The project is so big that it is almost impossible to manually . How can I build a jquery project with next.js?
28 Replies
Shy Albatross
"The React Framework for the Web"
https://nextjs.org/
https://nextjs.org/
The React Framework
React
American black bearOP
@Shy Albatross I am finding a solution. It's a big project. It's not possible to re-build in next js. Is there any solution?
Asian paper wasp
I'm one of the few remaining jQuery lovers in this world. Since Next.js is a React tool, you'll need to rebuild in React. We've got multiple Next.js projects. They are all TypeScript based, which is a good direction to go for your projects, but only one of them has jQuery. And it's only used for data capture on forms.
It's a long and grueling process, but it will be worth it once you've launched the MVP in Next. The only real way to learn how to do it, is to actually do it.
It's a long and grueling process, but it will be worth it once you've launched the MVP in Next. The only real way to learn how to do it, is to actually do it.
American black bearOP
@Asian paper wasp Are there any code converter tools? That can help me.
@American black bear <@920874494619443223> Are there any code converter tools? That can help me.
Asian paper wasp
None that I'd trust. You might be able to find a jQuery to vanilla JS, but not to React.
You're better off rebuilding from scratch.
American black bearOP
@Asian paper wasp If I want to rebuild it. It will take around 4 months😢
@American black bear <@920874494619443223> If I want to rebuild it. It will take around 4 months😢
Asian paper wasp
Probably not. I've had new apps take that long. It's all about planning.
American black bearOP
@Asian paper wasp I am to explaing my full needs, that can help you to find any solution to me. Currently, I am working on a saas project. This project is build with next.js. we want to add Palleon photo editor in our saas project. Palleon photo editor made with js and jquery. I have it’s source code. My goal is add a photo editor like canvas or Palleon photo editor. So, I have source code of Palleon, so I want to use this code in my saas project. Are there any solution? It’s very urgent and very important for meðŸ™
@American black bear <@920874494619443223> I am to explaing my full needs, that can help you to find any solution to me. Currently, I am working on a saas project. This project is build with next.js. we want to add Palleon photo editor in our saas project. Palleon photo editor made with js and jquery. I have it’s source code. My goal is add a photo editor like canvas or Palleon photo editor. So, I have source code of Palleon, so I want to use this code in my saas project. Are there any solution? It’s very urgent and very important for meðŸ™
Asian paper wasp
Never heard of Palleon. Did a Google search and found the Envato plugin.
https://palleon.website/js-version/documentation/
Based on the docs, it looks like you upload the assets to your project, and because you're using Next.js, build a React page using the HTML attributes from the docs.
https://palleon.website/js-version/documentation/
Based on the docs, it looks like you upload the assets to your project, and because you're using Next.js, build a React page using the HTML attributes from the docs.
American black bearOP
@Asian paper wasp Yes, it envato plugin. I want to use it on my saas project as a page. When user go to this page, user can see all features.
@American black bear <@920874494619443223> Yes, it envato plugin. I want to use it on my saas project as a page. When user go to this page, user can see all features.
Asian paper wasp
What is stopping you from doing that?
American black bearOP
I can not understand how I start. Please tell me, where and how can I startðŸ™
In palleon website, they don’t provide documentation for react or next js
In palleon website, they don’t provide documentation for react or next js
Asian paper wasp
The docs already give you the details on how to use the plugin. You just need to convert that to a React workflow. If you don't know React enough to do this within your timeframe, then you should probably hire out.
This is a basic process:
-upload your assets
-import assets into react page
-copy html into react page
-rework html to be react format
This is a basic process:
-upload your assets
-import assets into react page
-copy html into react page
-rework html to be react format
American black bearOP
If I want to hire someone, what should be budget for this?
American black bearOP
@Asian paper wasp I don't know what you mean by assets. I am junior react developer. If you give me guidelines, then I can do it. I will pay you for thisðŸ™
@American black bear If I want to hire someone, what should be budget for this?
Asian paper wasp
In the USA, you'll likely pay $100/hour or more for a good developer.
Double that
Nobody wants to deal with jquery to react migrations
lol
Your best bet is doing it yourself.
Or have a decent budget
@American black bear <@920874494619443223> I don't know what you mean by assets. I am junior react developer. If you give me guidelines, then I can do it. I will pay you for thisðŸ™
Asian paper wasp
In this context, its...
Assets = images, CSS and JS files
Also, if you read the docs, it talks about the same thing.
Assets = images, CSS and JS files
Also, if you read the docs, it talks about the same thing.
If you plan on hiring a us or European dev
American black bearOP
ok. I want to hire you @linesofcode . So may tell me you price plane?
No thanks
American black bearOP
ok. May you give me some guidelines?