next-rsc-demo
swc-node
| next-rsc-demo | swc-node | |
|---|---|---|
| 4 | 6 | |
| 505 | 1,620 | |
| - | 1.1% | |
| 6.2 | 7.3 | |
| about 2 years ago | 2 days ago | |
| JavaScript | TypeScript | |
| - | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
next-rsc-demo
-
React Server Components in Next.js 12
For this tutorial, rather than creating a project from scratch, I’ll be using the Hacker News project created by Vercel to explain how RSC are used in Next.js 12. Repository here.
- React Server Components and Remix
-
How to create React Server Components functionality with SSR or SSG?
Hey! You can view the code here: https://github.com/vercel/next-rsc-demo
-
Next.js 12
From my understanding from watching the keynote earlier today, the reason that demo has JS is that repo opted in to have client side code to handle the upvote functionality. If it didn't require that interactivity it could be shipped with no client side JS. The client side js code is defined in the component files ending in .client.js
https://github.com/vercel/next-rsc-demo/tree/main/components
swc-node
-
Thoughts about Deno?
swc-node is much faster. No typechecking but you can have that running as a separate process with typescript in watch mode. Basically never have to wait for compiles or typechecking checking then.
-
Node + SWC make a lightning fast typescript runtime
fwiw swc has an official loader: https://github.com/swc-project/swc-node
- Node.js 18.x runtime now available in AWS Lambda
-
Next.js 12 - Rust Compiler, React 18 and Native ES Modules Support, React Server Components
I actually just switched my team's app over to use https://github.com/Brooooooklyn/swc-node for our Jest tests, but if we're going to upgrade to Next 12 it'd be nice to reuse whatever's included there.
-
Next.js 12
I actually upgraded my team's Jest config to use https://github.com/Brooooooklyn/swc-node a few weeks ago. However, our Jenkins CI agents run RHEL7, and neither of the Linux binary targets would run. The `x64-gnu` binary needed a `GLIBC_2_23` symbol when only 2.18 was available, and the `x64-musl` binary had no `musl-libc` on the machine. I don't own the Jenkins agents, so I couldn't install other deps myself.
I ended up building `musl-libc` from source on another RHEL7 agent, committed the `.so` to our repo, and added that to the `LD_LIBRARY_PATH` in our Jenkinsfile, and actually got that working.
I did see some mentions that Rust could build to target an older GLibc ( https://kobzol.github.io/rust/ci/2021/05/07/building-rust-bi... ), so I'm curious if Next is going to use copies of SWC built that way for better compat or if it will require more workarounds on my part.
I'm very curious if the Next SWC binaries
- Build Speed Improvements
What are some alternatives?
vike - 🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
ts-node - TypeScript execution and REPL for node.js
Next.js - The React Framework
nextjs-tailwind-ionic-capacitor-starter - A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor
sucrase - Super-fast alternative to Babel for when you can target modern JS runtimes
supabase - The open source Firebase alternative.
esbuild - An extremely fast bundler for the web
php - 🐘 PHP Runtime for ▲ Vercel Serverless Functions (support 7.4-8.3)
entr - Run arbitrary commands when files change