I've developed a SaaS starter that prioritizes best practices: - Backend built with hexagonal architecture - Frontend structured with the Refine framework
It offers a comprehensive set of features: ๐ Multi-tenancy support ๐ณ Seamless integration with Stripe for payments ๐ Infrastructure as Code for Render or Vercel deployment ๐ User authentication and authorization ๐ Smooth sign-in and sign-up flows ๐ Easy creation of CRUD pages with filters
The tech stack includes Next Auth, Nest.js, Prisma, Zod and GraphQL.
Explore more at https://widin.io.
**Demo is at https://app.widin.io.
No features have been listed yet.
No Widin.io videos yet. You could help us improve this page by suggesting one.
Widin.io's answer:
We use the Refine framework to help you easily create advanced and organized frontend features.
On the backend, we structure the codebase using Hexagonal Architecture best practices. This approach is crucial for a SaaS platform to effectively deliver advanced features.
Widin.io's answer:
Widin is the only starter that focuses on hexagonal architectures. It helps to start quickly but also to stay on the right track over time.
Widin.io's answer:
Startup CTO launching a new product.
Widin.io's answer:
Having built several SaaS web apps from scratch, I developed over and over similar features. Trade-off between velocity and clean architecture are sometime made, while undesirable. Widin aims to provide a solution to that compromise.
Widin.io's answer:
Next.js, React.js, Typescript, Refine, Next Auth, GraphQL, GraphQL Codegen, Nest.js, Passport, CASL, Zod, Prisma, PostgreSQL, Vercel, Render.
Based on our record, Chakra UI seems to be more popular. It has been mentiond 197 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Supabase will be used for storing article data in the database and the cover image of the article in storage. Chakra UI will be used to provide style to the elements. By using both, we can build the blog with ease. - Source: dev.to / 2 months ago
Which is why I created a Pull Request to refactor that part. I tried to make use of Chakra's own design system as much as possible turning it into a more generic wrapper around the regular Input component provided by Chakra. In other words, PasswordInput now behaves more like a component provided by Chakra itself since most of the styles/props are being mapped directly. - Source: dev.to / 2 months ago
I found that when Chakra UI's Input component is set to password that is when the browsers will prompt the saving of the password. Therefore I changed it to always be text. Now I lost a feature of component, which used to use type = "password" to disguise the user key with asterix. However I was able to find a different way to hide the user key with asterix (see below!). - Source: dev.to / 2 months ago
ChatCraft uses the ChakraUI component library, and one of these components is the Toast component which provides user feedback using messages that pop up, as though coming out of a toaster:. - Source: dev.to / 2 months ago
Chakra UI is a popular React component library designed to speed up and simplify UI development. It provides a set of customizable and composable components that developers can easily integrate into their React applications. - Source: dev.to / 4 months ago
Ant Design - An enterprise-class UI design language and React implementation with a set of high-quality React components, one of best React UI library for enterprises
NextBase - Built your SAAS quickly and skip the boring parts
Material UI - A CSS Framework and a Set of React Components that Implement Google's Material Design
UseGravity.App - Build a Node.js & React app at warp speed with a SaaS boilerplate
Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.
Volca - SaaS boilerplate and starter kit built with Node.js and React