solito
wasp
solito | wasp | |
---|---|---|
26 | 194 | |
3,254 | 11,779 | |
- | 7.9% | |
8.1 | 9.7 | |
11 days ago | 3 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.
solito
-
React Native in Next.JS for Hybrid Web/Mobile Monorepo: Should I give up? ($250 Bounty)
I've been building for the past 3-4 months on the Solito starter repo that uses React Native to build the shared components that are used by both Next.JS for web and Expo for mobile. This theoretically should be harder/longer to build than one of these alone, but easier/shorter than building both separate projects. Has anyone built this kind of monorepo to completion/production before and can share this experience? Am I on the right path and this is a hump during the package configuration phase or would I be better off just using React and constantly maintaining two codebases that have to match feature parity?
-
Easiest Way to Build a Cross-Platform App (Web & Mobile) with Minimal Code Duplication
I think this is what you are looking for: https://solito.dev/ π
-
How to edit Next.Config.js to add plugins like Skia?
We're encountering an issues on the web side while trying to run React Native Skia in NextJS as part of a Solito monorepo. Mobile (Expo) seems to work fine, but the "warning" Skia throws of not finding reanimated is causing Next.js builds to error out with the following error:
-
Tamagui β UI kit that unify React Native and Web
Iβve only just started using it but https://solito.dev/ seems to do exactly that.
-
Suggestions for converting a Next.js (app router) / Tailwind CSS website hosted on Vercel to a OSX app
I found Solito and see that it may perhaps support react-native-macos - does anyone have experience here?
-
Expo β open-source platform for making universal apps for Android, iOS, and web
It has become very practical / doable in the recent year or so. In my experience, if you have lot of frontend web experience, the easiest way to ship a RN app is by using Solito [0]. Also check out Nativewind [1] which allows you to style native apps the same way like you would on web. I was able to ship the first version of our app in about 1.5 weeks with this stack. Also checkout Tamagui [2].
[0] - https://solito.dev
-
2 big announcements - Tamagui Takeout & Solito 4
Solito 4 - https://github.com/nandorojo/solito/releases/tag/v4.0.0
- NextJS on iOS & Android????? How???
-
Deciding between RNW and React
Another option is the Solito stack which has a single code base for react native and next js. https://solito.dev/
-
NextJS + Expo question: What's does @expo/next-adapter and Solito do? Can they be used Together?
The [Expo docs for NextJS](https://docs.expo.dev/guides/using-nextjs/) recommends @expo/next-adapter, while I have a sense of what [Solito](https://github.com/nandorojo/solito) does as [explained by the author](https://www.youtube.com/watch?v=H1gSWXA3qfw). I'm not fully clear what the difference these two libraries are and whether they can or should be used together.
wasp
-
πΈοΈ Web development trends we will see in 2024 π
Another example of a React framework utilizing Vite to give their users a SPA experience is Wasp - a full-stack framework for React & Node.js that drastically cuts the boilerplate. Despite being a full-stack framework, it focuses on the standardized approach of deploying a client-side React app with a Node.js server to be as portable as possible. With this approach, you can deploy your app pretty much anywhere, as well as self-host it, which is also a thing that we mentioned before in this article.
-
Using Wasp to Build Full-Stack Web Applications on Koyeb
As before, you will be redirected to the application's login page. Click to link to sign up to create a new account. After authenticating, you will be able to access the todo list functionality as before. ## Conclusion In this guide, we demonstrated how to build and deploy a Wasp application to Koyeb. We started with one of Wasp's templates to create a working, full-stack web application backed by a database. We migrated the application's configuration from a local SQLite database to an external PostgreSQL database to prepare for deployment. Afterwards, we created a multi-stage `Dockerfile` to build and configure our various application layers. Finally, we deployed the backend and web app to Koyeb by targeting different stages in the `Dockerfile`. This tutorial covers the basics of how to manage a Wasp project and deploy to a production environment. As you continue to develop your projects, be sure to check out the [Wasp documentation](https://wasp-lang.dev/docs) to learn how to integrate new features, work with the data model, and leverage the development framework to make your life easier.
-
π₯The first framework that lets you visualize your React/NodeJS app π€―
First off, Wasp is a full-stack React, NodeJS, and Prisma framework with superpowers. It just crossed 10,000 stars on GitHub, and it has been used to create over 50,000 projects.
-
Getting started with Open SaaS
When building AI Blog Articles, I decided to get started as fast as possible. So I looked for a free boilerplate and stumbled upon Open SaaS, which used YC-backed Wasp. It is a full-stack React + NodeJS + Prisma that takes 8 hours to get started with.
-
Ask HN: What's a batteries-included framework that's React-first?
Exactly. Wasp, https://wasp-lang.dev, is the only framework in the React/Node/Prisma space that's taking this opinionated approach to full-stack development.
For example, you get full-stack auth by just adding this to your config file:
`auth.methods: { email: {}, google: {} }`
Then you on-the-fly Auth UI components and all the necessary hooks
-
π΅οΈββοΈ The Art of Self-Learning: How to Teach Yourself Any Programming Concept π€
If you already have some sort of foundation in programming, use AI and some great abstractions/frameworks to get things done even faster. For example, instead of creating everything from the ground up (and probably suffering on little things along the way) you can skip repeating yourself a ton of times by using Wasp, which is a great React/Node full-stack framework that takes care of managing the boilerplate side of programming for you. π€―
-
Aider: AI pair programming in your terminal
Aider is one of my favorite AI agents, especially because it can work with existing codebases. We've seen a lot of good results from folks who used it with Wasp (https://github.com/wasp-lang/wasp) - a full-stack web framework I'm working on.
A "marketingy" demo video: https://www.youtube.com/watch?v=DXunbNBpgZg&ab_channel=Wasp
- Garden β The Design System by Zendesk
-
π Our web framework reached 9,000 stars on GitHub! βοΈ 9οΈβ£0οΈβ£0οΈβ£0οΈβ£ βοΈ
Thanks for reading! Find more about Wasp and support us on our journey to reaching 10,000 stars here.
-
Web frameworks we are most excited for in 2024
For those who want the tool to have full control over their stack simply and easily, look no further! Wasp is an opinionated full-stack framework that leverages its compiler for a fast and easy way to create a database, backend, and frontend for your app. It uses React, Node.js, and Prisma, which are some of the most well-known tools that full-stack web developers are using.
What are some alternatives?
t3-turbo-and-clerk - A t3 Turbo starter with Clerk as the auth provider.
reflex - πΈοΈ Web apps in pure Python π
create-t3-turbo - Clean and simple starter repo using the T3 Stack along with Expo React Native
redwood - The App Framework for Startups
moti - πΌ The React Native (+ Web) animation library, powered by Reanimated 3.
dhall-lang - Maintainable configuration files
showtime-frontend - Showtime makes digital collectibles useful, accessible and social.
Mobile-First-RWD - An example of a mobile-first responsive web design
tamagui - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
react-admin - A frontend Framework for building data-driven applications running on top of REST/GraphQL APIs, using TypeScript, React and Material Design
react-native - A framework for building native applications using React
ansible-dhall-jsonnet