Refactor to Next.js 13 and app directory

[gfortaine]

No description provided.

[vercel]

@gfortaine is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
next-rsc-news	✅ Ready (Inspect)	Visit Preview	Nov 13, 2022 at 2:09AM (UTC)

[leerob]

Hey! I don't have push access here. I made a PR: gfortaine#1

[gfortaine]

@leerob PR merged 🎉

[leerob]

Hey! Sorry one thing I should have been more clear about - I think we can ditch all of the CSR/slow examples and just do the RSC/streaming one as the main index page. I started down this route in my PR 👍

[gfortaine]

@leerob Copy that 👍 MR updated accordingly :

• bugfixes :
  • use react@^18.3.0-next (fix html mismatch errors between client & server + parentNode not found from loading.js)
  • remove fetchData in components/item.js
  • remove delay from fetchData function call in app/page.js
• CSS modules everywhere possible
• various code refactoring

[vercel-team]

📝 Changed routes:

6 deleted routes:

• /csr
• /
• /item.server
• /rsc.server
• /slow.server
• /ssr

Commit cc3d9b3 (https://next-rsc-news-13vw4p4as.vercel.sh).

[gfortaine]

@leerob Just discovered a very annoying bug by finishing this MR (to get the id searchParam in ItemPage Server Component) : vercel/next.js#42856

[leerob]

Thank you so much for your help here! Sending you an email for some swag 😄 This PR is already getting fairly large, so let's go ahead and merge forward and address bugs as we see them.

For example, I think there should be no surrounding padding on mobile. But it's minor, and good that this repo gets updated so folks don't try exploring the old version that won't work 😄

[mb21]

Hello! any particular reason you're using a plain old html <a> tag instead of the Next <Link component? This is essentially a MPA. From reading the beta docs for app directory, I understood the recommended approach to still be SPA? Thanks for clarification!