nextjs-tailwind-ionic-capacitor-starter
faunadb-js
Our great sponsors
nextjs-tailwind-ionic-capacitor-starter | faunadb-js | |
---|---|---|
9 | 89 | |
1,552 | 702 | |
- | 0.6% | |
5.6 | 4.6 | |
about 2 months ago | 4 months ago | |
TypeScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
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.
faunadb-js
-
Zero-Cost Database Magic 🪄💾
Fauna is another serverless database created by ex-Twitter engineers. It's kind of like MongoDB, but with native JOIN operations, many document databases miss. They have their own language, FQL, and also a GraphQL API. Here's a quick overview of their free tier:
-
How to Beat the Cap Theorem
Fauna[0] which if I recall correctly, also upends Cap Theorum. They implemented Calvin[1] which differs from Spanner
[0]: https://fauna.com/
[1]: https://fauna.com/blog/distributed-consistency-at-scale-span...
-
How to Choose the Right Document-Oriented NoSQL Database for Your Application
NoSQL is a term that we have become very familiar with in recent times and it is used to describe a set of databases that don't make use of SQL when writing & composing queries. There are loads of different types of NoSQL databases ranging from key-value databases like the Reddis to document-oriented databases like MongoDB and Firestore to graph databases like Neo4J to multi-paradigm databases like FaunaDB and Cassandra.
-
Faunadb: The Modern Database for Developers
To create a Faunadb account you need to head over to the Fauna website. Click on Start for free then select Github as your auth provider, and authorize Faunadb from GitHub. If everything went well, your account should successfully be created for you and you should be redirected to your Faunadb dashboard.
-
I grew my SaaS to $10k MRR in a month
I am using Fauna
-
SvelteKit+ MongoDB
Fauna
-
DynamoDB pain points: How to address them and exploring possible alternatives
If you are exploring Amazon DynamoDB alternatives that are NoSQL and have better-querying capabilities, there are a few to choose from, but the one I will be covering here is Fauna. Fauna combines the querying capabilities of relational databases (SQL databases) with the flexibility of NoSQL databases.
-
Getting Started with Serverless Edge - Exploring the Options
Fauna – A serverless database with built in global replication and strong consistency.
-
Modernizing from PostgreSQL to Serverless with Fauna Part 1 (2023 Update)
Some of the largest websites, driven by the requirements of serving billions of users, have led to the maturation of new database architecture alternatives, which motivate modernizing applications to leverage cloud-native, serverless, highly-distributed database options. Fauna strengthens relational data consistency among these newer alternatives while leveraging a cloud-native, serverless, flexible document model that abstracts most operational complexities from application developers.
-
Database 101: Data Consistency for Beginners
Multi-model: FaunaDB, MongoDB, Redis among others.
What are some alternatives?
Next.js - The React Framework
supabase - The open source Firebase alternative.
vike - 🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
Hasura - Blazing fast, instant realtime GraphQL APIs on your DB with fine grained access control, also trigger webhooks on database events.
apollo-server - 🌍 Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more.
entr - Run arbitrary commands when files change
dgraph - The high-performance database for modern applications
ts-node - TypeScript execution and REPL for node.js
Waterline - An adapter-based ORM for Node.js with support for mysql, mongo, postgres, mssql (SQL Server), and more
dapr - Dapr is a portable, event-driven, runtime for building distributed applications across cloud and edge.
php - 🐘 PHP Runtime for ▲ Vercel Serverless Functions (support 7.4-8.3)