Skip to content

chore: update RSC demo with new router syntax #1339

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

Merged
merged 5 commits into from
May 4, 2022
Merged

Conversation

ascorbic
Copy link
Contributor

@ascorbic ascorbic commented May 4, 2022

Summary

Next 12.1.6 no longer injects the router into RSC pages. This PR updates the RSC demo site to match the new syntax, and updates the version of next to the latest canary.

Test plan

  1. Visit the server-components deploy preview
  2. Open the RSC demo and click through to the comments page of an item
  3. Page renders without error

Relevant links (GitHub issues, Notion docs, etc.) or a picture of cute animal

two capybaras

Standard checks:

  • Check the Deploy Preview's Demo site for your PR's functionality
  • Add docs when necessary

🧪 Once merged, make sure to update the version if needed and that it was published correctly.

@netlify
Copy link

netlify bot commented May 4, 2022

Deploy Preview for netlify-plugin-nextjs-nx-monorepo-demo ready!

Name Link
🔨 Latest commit 20d67c7
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-nx-monorepo-demo/deploys/6272df7ee646400008801d31
😎 Deploy Preview https://deploy-preview-1339--netlify-plugin-nextjs-nx-monorepo-demo.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 settings.

@github-actions github-actions bot added the type: chore work needed to keep the product and development running smoothly label May 4, 2022
@netlify
Copy link

netlify bot commented May 4, 2022

Deploy Preview for netlify-plugin-nextjs-demo ready!

Name Link
🔨 Latest commit 20d67c7
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-demo/deploys/6272df7efb2ff2000833f84f
😎 Deploy Preview https://deploy-preview-1339--netlify-plugin-nextjs-demo.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 settings.

@ascorbic ascorbic requested a review from a team May 4, 2022 11:00
@netlify
Copy link

netlify bot commented May 4, 2022

Deploy Preview for netlify-plugin-nextjs-next-auth-demo ready!

Name Link
🔨 Latest commit 20d67c7
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-next-auth-demo/deploys/6272df7ebb8ad60008b5d6ba
😎 Deploy Preview https://deploy-preview-1339--netlify-plugin-nextjs-next-auth-demo.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 settings.

@netlify
Copy link

netlify bot commented May 4, 2022

Deploy Preview for netlify-plugin-nextjs-export-demo ready!

Name Link
🔨 Latest commit 20d67c7
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-export-demo/deploys/6272df7e1a5fb00008fdb52b
😎 Deploy Preview https://deploy-preview-1339--netlify-plugin-nextjs-export-demo.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 settings.

@netlify
Copy link

netlify bot commented May 4, 2022

Deploy Preview for netlify-plugin-nextjs-static-root-demo ready!

Name Link
🔨 Latest commit 20d67c7
🔍 Latest deploy log https://app.netlify.com/sites/netlify-plugin-nextjs-static-root-demo/deploys/6272df7e7ec8dd0008a04170
😎 Deploy Preview https://deploy-preview-1339--netlify-plugin-nextjs-static-root-demo.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 settings.

@netlify
Copy link

netlify bot commented May 4, 2022

Deploy Preview for next-plugin-edge-middleware canceled.

Name Link
🔨 Latest commit 20d67c7
🔍 Latest deploy log https://app.netlify.com/sites/next-plugin-edge-middleware/deploys/6272df7e41d79b000973a859

@netlify
Copy link

netlify bot commented May 4, 2022

Deploy Preview for next-plugin-rsc-demo ready!

Name Link
🔨 Latest commit 20d67c7
🔍 Latest deploy log https://app.netlify.com/sites/next-plugin-rsc-demo/deploys/6272df7e329ec6000728f48b
😎 Deploy Preview https://deploy-preview-1339--next-plugin-rsc-demo.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 settings.

@netlify
Copy link

netlify bot commented May 4, 2022

Deploy Preview for next-i18next-demo ready!

Name Link
🔨 Latest commit 20d67c7
🔍 Latest deploy log https://app.netlify.com/sites/next-i18next-demo/deploys/6272df7e1a5fb00008fdb530
😎 Deploy Preview https://deploy-preview-1339--next-i18next-demo.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 settings.

@cypress
Copy link

cypress bot commented May 4, 2022



Test summary

22 0 0 0


Run details

Project netlify-plugin-nextjs-default-demo
Status Passed
Commit 53d4fb1 ℹ️
Started May 4, 2022 4:07 PM
Ended May 4, 2022 4:09 PM
Duration 01:31 💡
OS Linux Ubuntu - 20.04
Browser Chrome 100

View run in Cypress Dashboard ➡️


This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

@cypress
Copy link

cypress bot commented May 4, 2022



Test summary

2 0 0 0


Run details

Project netlify-plugin-nextjs-nx-monorepo-demo
Status Passed
Commit 53d4fb1 ℹ️
Started May 4, 2022 4:08 PM
Ended May 4, 2022 4:09 PM
Duration 01:11 💡
OS Linux Ubuntu - 20.04
Browser Chrome 100

View run in Cypress Dashboard ➡️


This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

@cypress
Copy link

cypress bot commented May 4, 2022



Test summary

7 0 0 0


Run details

Project netlify-plugin-nextjs-static-demo
Status Passed
Commit 53d4fb1 ℹ️
Started May 4, 2022 4:07 PM
Ended May 4, 2022 4:08 PM
Duration 01:12 💡
OS Linux Ubuntu - 20.04
Browser Chrome 100

View run in Cypress Dashboard ➡️


This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

nickytonline
nickytonline previously approved these changes May 4, 2022
Copy link

@nickytonline nickytonline left a comment

Choose a reason for hiding this comment

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

Compared it to the next RSC demo repo and looks good! 🚀

Copy link

@ericapisani ericapisani left a comment

Choose a reason for hiding this comment

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

Do we want to continue to have the RSC demo be an edge demo as well?

Noticed the configuration for it is removed as part of these changes and just wanted to confirm that we have another demo with edge functionality enabled that could be used

Other than that one question, LGTM

@ascorbic
Copy link
Contributor Author

ascorbic commented May 4, 2022

@ericapisani It's not needed because the default runtime for the site is set to edge: https://github.com/netlify/netlify-plugin-nextjs/pull/1339/files#diff-762920f460ca76432144cf8b30856f6e705b2a888ced40a2f12e21e3a15794f5L3

@kodiakhq kodiakhq bot merged commit d9ec000 into main May 4, 2022
@kodiakhq kodiakhq bot deleted the mk/rsc-canary-syntax branch May 4, 2022 20:21
@ericapisani
Copy link

@ascorbic Ah, I missed that, thanks for the link!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
automerge type: chore work needed to keep the product and development running smoothly
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants