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, Ant Design seems to be more popular. It has been mentiond 97 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.
I was using a Chinese website recently based on the “ant design” [^1] library / philosophy. It’s a really UI dense way of doing things and I really enjoyed having everything there without having to go hunting into menus. [1]: https://ant.design/. - Source: Hacker News / 29 days ago
Ant Design (antd) is a React component library for building beautiful and modern user interfaces. It comes with a collection of prebuilt, enterprise-level UI components. To install Ant Design, use the command below:. - Source: dev.to / 5 months ago
Ant Design is a fantastic toolkit for React developers. It's like having a box of building blocks that are not only stylish but also super functional. With Ant Design, you get a collection of pre-made React components that you can easily put together to create a sleek and modern look for your web projects. Whether you're a beginner or a seasoned developer, Ant Design simplifies the process of making your web... - Source: dev.to / 7 months ago
Ant-design -> Less configurable. Limited but nice components. - Source: dev.to / 7 months ago
Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy... - Source: Hacker News / 8 months ago
Material UI - A CSS Framework and a Set of React Components that Implement Google's Material Design
NextBase - Built your SAAS quickly and skip the boring parts
Chakra UI - Simple, modular and accessible UI components for your React applications.
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