nextjs-tailwind-ionic-capacitor-starter
ts-node
Our great sponsors
nextjs-tailwind-ionic-capacitor-starter | ts-node | |
---|---|---|
9 | 20 | |
1,525 | 12,508 | |
- | 0.9% | |
5.6 | 5.5 | |
21 days ago | about 1 month 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
This looks cool! If you’d like to have a single web-based codebase for iOS/android/pwa/etc using Next.js then you might like this approach using Capacitor: https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-st...
The benefit over using RN for this is being able to use libraries like Tailwind on all platforms, etc
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.
-
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...
-
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.
ts-node
-
TypeScript Without Transpilation
I thought this was going to be a project like ts-node [1]
- Is your language eco friendly?
-
Deploy a static site to AWS S3 and CloudFront using AWS CDK
The command specified in the app option uses ts-node by default, which is an execution engine for Node.js that allows you to run TypeScript code directly. The --prefer-ts-exts flag prevents ts-node from prioritizing precompiled .js files and will always import the TypeScript source code instead, if it is available. This is useful if you are also using tsc (the TypeScript compiler) alongside the app option. The bin/cdk.ts file is the entry point for our CDK app, which defines the main function that will be executed when the app is run.
- Use tsx instead of nodemon
-
Couple super basic Typescript questions from a newbie: how to compile and how to start learning
If you want to write apps that run on Node.js I would suggest using Google’s TypeScript style guide. You can start using it by simply running npx gts init. I’d suggest that you start with this and run your apps using ts-node/ts-node-dev because it does not require an extra build step.
-
Looking for a TS REPL/tinkering tool, any recommendations?
ts-node (“TypeScript execution and REPL for Node.js”)
-
How to Set Up a Node.js Project with TypeScript
The process of compiling TypeScript source files into JavaScript code before executing them with Node.js can get a little tedious after a while, especially during development. You can eliminate the intermediate steps before running the program through the ts-node CLI to execute .ts files directly. Go ahead and install the ts-node package using the command below:
-
How to use execa@6 with NestJs?
I tried suggested solution by https://github.com/TypeStrong/ts-node/issues/1007 but this causes problem with NestJS decorators:
-
Newbie - Converting TS files to JS
Some people prefer to use https://github.com/TypeStrong/ts-node with https://www.npmjs.com/package/ts-node-dev.
- Next.js 12
What are some alternatives?
swc-node - Faster ts-node without typecheck
esbuild - An extremely fast bundler for the web
esbuild-runner - ⚡️ Super-fast on-the-fly transpilation of modern JS, TypeScript and JSX using esbuild
swc - Rust-based platform for the Web
Next.js - The React Framework
sucrase - Super-fast alternative to Babel for when you can target modern JS runtimes
vike - 🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.
TypeScript-Call-Graph - CLI to generate an interactive graph of functions and calls from your TypeScript files
supabase - The open source Firebase alternative.
aws-cdk - The AWS Cloud Development Kit is a framework for defining cloud infrastructure in code