next-rsc-demo
nextjs-tailwind-ionic-capacitor-st
next-rsc-demo | nextjs-tailwind-ionic-capacitor-st | |
---|---|---|
4 | 4 | |
505 | - | |
- | - | |
6.2 | - | |
over 2 years ago | - | |
JavaScript | ||
- | - |
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
nextjs-tailwind-ionic-capacitor-st
-
Solito – React Native and Next.js, Unified
wow, that's a weird limitation.
The README says: "SSR is currently disabled for the Next.js app as the app will be fully client-side rendered for iOS and Android. This is a limitation we are working to address in a future update."
I guess it's because CapacitorJS pre-bundles the entire PWA for the App Stores:
"Of course, you also could load the app completely remotely by changing the server.url configuration for Capacitor to point to your SSR'ed Next.js app, but that has other challenges such as App Store approval if the app doesn't check the boxes for Apple to qualify it as an app that has enough native integration (at that point this is on you, not Capacitor)"
https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-st...
But I don't understand why SSR would be disabled for the NextJS PWA on the web?
Maybe Max Lynch aka. @mlynch aka. @yesimahuman could provide some insight here.
-
Next.js 12
Agreed! Next.js works great with this model! I’d recommend Capacitor over Cordova (similar but more modern). Here’s an example: https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-st...
What are some alternatives?
vike - 🔨 Flexible, lean, robust, community-driven, fast Vite-based frontend framework.
remix - Build Better Websites. Create modern, resilient user experiences with web fundamentals.
Next.js - The React Framework
esbuild - An extremely fast bundler for the web
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
supabase - The open source Firebase alternative.
swc-node - Faster ts-node without typecheck
exo - A process manager & log viewer for dev
dapr - Dapr is a portable, event-driven, runtime for building distributed applications across cloud and edge.