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 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.
I use it in all my current projects. It's easy to start and very customisable. Love it so much! I improved the speed of development 2x times by using Tailwind.
Based on our record, Tailwind CSS seems to be more popular. It has been mentiond 1016 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.
Styling: Tailwind CSS (Assumed, common with Next.js). - Source: dev.to / about 16 hours ago
This article assumes the reader is a developer that knows their way around Markdown, TypeScript, React.js, and [Next.js] https://nextjs.org/). Familiarity with Tailwind-css would also be useful. - Source: dev.to / 17 days ago
Then I learned Tauri and used my favourite frontend framework SolidJS with TailwindCSS and DaisyUI to build the UI with MotionOne to add animations and Tauri to build the desktop/web/android/ios app. - Source: dev.to / 18 days ago
Shadcn/ui contains a set of beautifully designed and accessible components, and it works seamlessly with major React frameworks. It’s open-source and has amassed 85.5k (and counting) GitHub stars. It’s built on the shoulders of giants — Radix UI and Tailwind CSS, making it one of the best to work with. Unlike many other UI libraries, the components are not just installed as npm modules, they’re downloaded into... - Source: dev.to / about 1 month ago
We're going to investigate the difference in performance between Tailwind and Linaria. Tailwind, you already know. And Linaria has been getting quite a lot of traction since styled components went into maintenance mode recently. We'll cover why Linaria is a good choice for this comparison a bit further. - Source: dev.to / about 2 months ago
Volca - SaaS boilerplate and starter kit built with Node.js and React
Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions
NextBase - Built your SAAS quickly and skip the boring parts
Bulma - Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
supastarter - The boilerplate for your next web app built on top of Supabase and Next.js.
React - A JavaScript library for building user interfaces