Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(dependencies): update nextjs to version 14 #335

Closed
wants to merge 10 commits into from

Conversation

jerensl
Copy link

@jerensl jerensl commented Jun 11, 2024

Description
This upgrade required changing the nvmrc to use nvm 18>, because NextJS 14 not supporting node below version 18.
I'm also updating ReactJS and ReactDOM to the latest version to support NextJS 14

Related issue(s)
Resolves #333

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

Copy link

netlify bot commented Jun 11, 2024

Deploy Preview for peaceful-ramanujan-288045 ready!

Name Link
🔨 Latest commit 92b68d7
🔍 Latest deploy log https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/666ebe4df85ce500085d9aea
😎 Deploy Preview https://deploy-preview-335--peaceful-ramanujan-288045.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@ashmit-coder
Copy link
Contributor

Hey @jerensl the changes look good to me. Have to tested for breaking in the website if any?

@jerensl
Copy link
Author

jerensl commented Jun 11, 2024

Hey @jerensl the changes look good to me. Have to tested for breaking in the website if any?

I checked the staging preview and it looks fine to me, if you find any bug feel free to ping me again

@ashmit-coder
Copy link
Contributor

Hey @jerensl can you mention any resources you followed.

The site does not seem to have bugs either

@@ -5,9 +5,9 @@
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"start": "npx serve ./out/",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why wont next start work over here?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this project using server-side rendering which requires a server to run?

My approach above is for serving static site generators

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In my opinion let's just have next start cause the website is not entirely static / server side rendered

Copy link
Author

@jerensl jerensl Jun 12, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

After did the changes I will rollback to use export again after it breaks the staging build, looks like Netlify has its command for serving the website as referred to in the image below
Screenshot 2024-06-12 172329

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I see let's get @AceTheCreator opinion on this. Cause I don't have access to netlify

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @jerensl

have a look at the Netlify.toml, the Node version is not as said and you can change the build and deploy command from there I guess.

So look into it :)

@jerensl
Copy link
Author

jerensl commented Jun 12, 2024

✅ Deploy Preview for peaceful-ramanujan-288045 ready!

Name Link
🔨 Latest commit 14757c8
🔍 Latest deploy log https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/666856db1eb97200089af04c
😎 Deploy Preview https://deploy-preview-335--peaceful-ramanujan-288045.netlify.app
📱 Preview on mobile
Toggle QR Code...
To edit notification comments on pull requests, go to your Netlify site configuration.

@ashmit-coder I mean this one, if I'm not mistaken this is staging website generated by netlify right?

@ashmit-coder
Copy link
Contributor

✅ Deploy Preview for peaceful-ramanujan-288045 ready!

Name Link
🔨 Latest commit 14757c8
🔍 Latest deploy log https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/666856db1eb97200089af04c
😎 Deploy Preview https://deploy-preview-335--peaceful-ramanujan-288045.netlify.app
📱 Preview on mobile
Toggle QR Code...
To edit notification comments on pull requests, go to your Netlify site configuration.

@ashmit-coder I mean this one, if I'm not mistaken this is staging website generated by netlify right?

That's not my question but no worries.

@AceTheCreator
Copy link
Member

@ashmit-coder @jerensl I don't really understand y'all argument. Do you mind making it more understandable?

@ashmit-coder
Copy link
Contributor

@ashmit-coder @jerensl I don't really understand y'all argument. Do you mind making it more understandable?

I dont think we had proper communication over it, I will talk to @jerensl for now and let you know soon!

@jerensl
Copy link
Author

jerensl commented Jun 12, 2024

@ashmit-coder @jerensl I don't really understand y'all argument. Do you mind making it more understandable?

I dont think we had proper communication over it, I will talk to @jerensl for now and let you know soon!

Let me clarify, as I understand there are 2 ways to deploy a web app:

  1. Static file(HTML, CSS, and Javascript), mostly it being stored in the storage and replicated by a CDN across the globe. In here what matters is the size and bandwidth most of the services offer 100GB of bandwidth for free, which is why this option is cheaper than the other one. In NextJS the way it did by using static export
  2. The server side(pay /request), mostly requires a NodeJS server and the content is dynamic. In Next JS we did it by running next/cli start

Most of the CDN services like Netlify etc, it will be running the npm build for the build from package.json scripts but not in the case after the build or serving the web app, most of them have their own default command, and mostly not same as package.json script npm run start

That's why I and @ashmit-coder have a different opinion on package.json npm run start script command. He wanted to use next/cli start and I suggested npx serve ./out/ & export build

@jerensl
Copy link
Author

jerensl commented Jun 12, 2024

After making changes as requested, I decided not to continue this work anymore because don't have the bandwidth to deal with that now thanks. Anyone can take this issue from now

@jerensl jerensl closed this Jul 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FEATURE] Update the packages in the repository
3 participants