nextjs-tailwind-ionic-capacitor-starter
remix
nextjs-tailwind-ionic-capacitor-starter | remix | |
---|---|---|
9 | 44 | |
1,568 | 27,744 | |
- | 2.6% | |
5.6 | 9.9 | |
2 months ago | 4 days ago | |
TypeScript | TypeScript | |
MIT License | 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.
nextjs-tailwind-ionic-capacitor-starter
-
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.
-
What framework do you use for styling?
If you want to use something like tailwind to customize the content of your pages, that is a decent option. You would use Ionic for the shell and Tailwind for your page designs. Take a look at this example if you want to explore that route (in React though): https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-starter
-
Any recommendation to port a production SPA to Nextjs?
Max Lynch from Ionic has a great repo demonstrating this. He uses it to get Next to work with Ionic and Capacitor but the idea is essentially the same.
-
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...
-
Next-Auth equivalent CRA
You can use Next with React Router, making it function exactly as a React app with nested routes. This project shows this working with Ionic's router, but the same setup can be used with React Router for the same outcome.
-
Converting a nextjs web app into a mobile app
Also, note that this repository is a boilerplate for all 3, which uses ionic capacitor, in one repository: https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-starter , I guess it is not using nextjs SSR capability though.
-
Build Mobile Apps with Tailwind CSS, Next.js, Ionic Framework, and Capacitor
If you're confused by all the project names and how they work together, don't worry, I'll break down each part of the stack each project is concerned with, along with some visuals and code samples demonstrating how all the projects work together. At the end I'll share a starter project with these technologies installed and working together that can form the foundation of your next app.
remix
-
Learning spell: using cloudflare's AI to improve speaking skills
Also, Remix sourcemaps didn't work with Cloudflare Workers, but it seems that it should be working already. I should double-check it!
-
Inlang / ParaglideJS blew my mind 🤯
Then in this Github issue, I found something new and flashy, Paraglide JS.
-
My 2023 Year in Review
Relates to https://github.com/remix-run/remix/pull/3104
-
What I've Learned By Building DEV Analytics Dashboard 💡
The main goal of this project was to learn something new in a fun way, so I've decided to use Remix for it, and oh my - it was perfect. I was amazed by how powerful it is by using just standard web features such as cookies, query parameters, and forms. Just remember to be cautious when picking a starter template for your project. I picked the default one, and later found out it wasn't supported by Netlify. As a result, I had to delete the entire repository and start the configuration process again. 🙈
- Just use vite! · remix-run/remix · Discussion #7632 · GitHub
-
Using Remix or NextJS
Real time data update: Remix supports Server Sent Events e.g. https://github.com/remix-run/examples/tree/main/_official-realtime-app https://github.com/remix-run/remix/discussions/2622
-
How to Write a Good Issue: Tips for Effective Communication in Open Source
Sometimes the best way to learn is by looking at examples, so we’re going to walk through this Remix issue from Nick Taylor.
-
Dan Abramov responds to React critics
You don't need NextJS for SSR. There are less opinionated alternatives like Remix that was built by the React Router team and is backed by Shopify now, you can use something like Razzle or one of its alternatives for semi-opinionated pure SSR or follow the Vite Docs and just do it yourself with express.
- Remix adds HMR support in 1.14.0
-
Remix or Nextjs? Why?
- I've found Remix's configurable routes helps to split very large Remix projects into independent features that scales well, when multiple server output bundles drops this will scale the deployments across serverless functions also. RFC. PR.
What are some alternatives?
Next.js - The React Framework
SvelteKit - web development, streamlined
vike - 🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
redux - A JS library for predictable global state management
supabase - The open source Firebase alternative.
redwood - The App Framework for Startups
entr - Run arbitrary commands when files change
Blitz - ⚡️ The Missing Fullstack Toolkit for Next.js
ts-node - TypeScript execution and REPL for node.js
fresh - The next-gen web framework.
dapr - Dapr is a portable, event-driven, runtime for building distributed applications across cloud and edge.