<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Mahmut Jomaa</title>
    <description>The latest articles on DEV Community by Mahmut Jomaa (@mahmut_jomaa).</description>
    <link>https://dev.to/mahmut_jomaa</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2168054%2F2f2b0e2c-196c-4f04-b868-f2e63d7ddda1.jpg</url>
      <title>DEV Community: Mahmut Jomaa</title>
      <link>https://dev.to/mahmut_jomaa</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/mahmut_jomaa"/>
    <language>en</language>
    <item>
      <title>The best Next.js starter kit in 2016</title>
      <dc:creator>Mahmut Jomaa</dc:creator>
      <pubDate>Thu, 15 Jan 2026 03:34:30 +0000</pubDate>
      <link>https://dev.to/mahmut_jomaa/the-best-nextjs-starter-kit-in-2016-3g8b</link>
      <guid>https://dev.to/mahmut_jomaa/the-best-nextjs-starter-kit-in-2016-3g8b</guid>
      <description>&lt;p&gt;I've been building SaaS apps for 12 years and got tired of rebuilding the same things every time. Not only for products, but also internal tools in our organization. &lt;/p&gt;

&lt;p&gt;Things like admin panels, billing/credits, multi-organization support and even marketing pages are still surprisingly annoying and time-consuming to get right. Having these solved upfront makes a huge difference and you can use your Claude tokens for features right away.&lt;/p&gt;

&lt;h1&gt;
  
  
  What's in it
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Authentication (Better Auth)&lt;/strong&gt; – email/password, social, MFA, account linking, profile management, session management&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Multi-tenancy&lt;/strong&gt; – organizations, invitations, roles, ownership transfer&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Billing&lt;/strong&gt; – subscriptions, per-seat pricing, lifetime purchases, trials, huge amount of webhooks supported&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Credits&lt;/strong&gt; – usage-based billing for AI features&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Admin panel&lt;/strong&gt; – user management, impersonation, ban user, manual email verification, billing sync&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI chatbot&lt;/strong&gt; – Vercel AI SDK with streaming and tool calling&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Marketing pages&lt;/strong&gt; – landing, pricing, blog, docs (fumadocs), changelog, careers, about, legal pages&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Emails&lt;/strong&gt; – all the email templates ranging from "forgot password" to "your trial has ended", etc.&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Tech stack
&lt;/h1&gt;

&lt;ul&gt;
&lt;li&gt;Next.js 16 and React 19&lt;/li&gt;
&lt;li&gt;tRPC for end-to-end type safety&lt;/li&gt;
&lt;li&gt;Better Auth for authentication&lt;/li&gt;
&lt;li&gt;Prisma or Drizzle ORM (two separate versions)&lt;/li&gt;
&lt;li&gt;Tailwind CSS + shadcn/ui&lt;/li&gt;
&lt;li&gt;TypeScript with strict mode&lt;/li&gt;
&lt;/ul&gt;

&lt;h1&gt;
  
  
  Two ORM?
&lt;/h1&gt;

&lt;p&gt;It's two versions, not at the same time. Prisma and Drizzle. Both versions have feature parity – pick what fits your workflow.&lt;/p&gt;

&lt;h1&gt;
  
  
  Pricing
&lt;/h1&gt;

&lt;p&gt;One-time purchase with lifetime team access. Use it for unlimited projects including client work.&lt;/p&gt;

&lt;p&gt;Happy to answer any questions about the architecture, design decisions or specific features.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Website: &lt;a href="https://www.achromatic.dev" rel="noopener noreferrer"&gt;https://www.achromatic.dev&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Demo: &lt;a href="https://demo.achromatic.dev" rel="noopener noreferrer"&gt;https://demo.achromatic.dev&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4lduozuecz1tmpp6kzmg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4lduozuecz1tmpp6kzmg.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7lgsoev0gy5xmo4wpdyg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7lgsoev0gy5xmo4wpdyg.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fluswohsvulpaxlavk07r.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fluswohsvulpaxlavk07r.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgk4s2ksxrap6ves1e73e.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgk4s2ksxrap6ves1e73e.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7jm6r8a3jpip4zedole1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7jm6r8a3jpip4zedole1.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkxwskk20t5uxolv3nlmt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkxwskk20t5uxolv3nlmt.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feccyif91pdpzyv3av0l6.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Feccyif91pdpzyv3av0l6.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl1adjajw4ijd3hbqymxw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl1adjajw4ijd3hbqymxw.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv6ugy1qealqglqc2etvk.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv6ugy1qealqglqc2etvk.png" alt=" " width="800" height="418"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;More screenshots on the website. Unlike shipfast this starter kit is of highest quality and functionality. Happy coding!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>programming</category>
      <category>ai</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Introducing Achromatic - SaaS Starter Kit focused on web app functionalities</title>
      <dc:creator>Mahmut Jomaa</dc:creator>
      <pubDate>Fri, 04 Oct 2024 18:33:45 +0000</pubDate>
      <link>https://dev.to/mahmut_jomaa/introducing-achromatic-saas-starter-kit-focused-on-web-app-functionalities-el2</link>
      <guid>https://dev.to/mahmut_jomaa/introducing-achromatic-saas-starter-kit-focused-on-web-app-functionalities-el2</guid>
      <description>&lt;p&gt;Most starter kits and boilerplates out there prioritize landing pages over functionality, leaving developers with lacking critical SaaS features. This gap makes it difficult to build a fully functioning SaaS product from the ground up.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why does it matter?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Developers need a starter kit that doesn't just look good but actually works well. A complete solution that includes both front-end and back-end essentials can save a lot of time and effort, allowing you to focus on creating valuable features rather than piecing together onboarding, auth, billing, organizations, members, invites, profiles and more.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Who needs it?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Startup founders&lt;/strong&gt; who are currently cobbling together different tools or relying heavily on custom development.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Freelance developers&lt;/strong&gt; who are tired of starting from scratch for every new project.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Development teams&lt;/strong&gt; that want to accelerate product development without sacrificing critical SaaS features.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The license is very very business-friendly. So it's not only ideal for founders, but also consultants.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why your starter kit?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
The starter kit is based on direct feedback from users who have successfully launched their own products. I'm in direct contact with 5 founders, helping them grow their company. This real-world validation makes me uniquely positioned to offer a solution that truly meets the needs of developers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Additional information&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
The kit is build with Next.js 15, React 19 and shadcn/ui, providing a cohesive package that includes both front-end and back-end functionality and advanced app components. It's designed for quick setup with minimal configuration, so developers can focus on building their applications.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Website:&lt;/strong&gt; &lt;a href="https://achromatic.dev" rel="noopener noreferrer"&gt;https://achromatic.dev&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Acme Demo:&lt;/strong&gt; &lt;a href="https://demo.achromatic.dev" rel="noopener noreferrer"&gt;https://demo.achromatic.dev&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>nextjs</category>
      <category>react</category>
      <category>typescript</category>
    </item>
    <item>
      <title>Introducing Achromatic - SaaS Starter Kit focused on web app functionalities</title>
      <dc:creator>Mahmut Jomaa</dc:creator>
      <pubDate>Fri, 04 Oct 2024 18:33:45 +0000</pubDate>
      <link>https://dev.to/mahmut_jomaa/introducing-achromatic-saas-starter-kit-focused-on-web-app-functionalities-4gae</link>
      <guid>https://dev.to/mahmut_jomaa/introducing-achromatic-saas-starter-kit-focused-on-web-app-functionalities-4gae</guid>
      <description>&lt;p&gt;Most starter kits and boilerplates out there prioritize landing pages over functionality, leaving developers with lacking critical SaaS features. This gap makes it difficult to build a fully functioning SaaS product from the ground up.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why does it matter?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
Developers need a starter kit that doesn't just look good but actually works well. A complete solution that includes both front-end and back-end essentials can save a lot of time and effort, allowing you to focus on creating valuable features rather than piecing together onboarding, auth, billing, organizations, members, invites, profiles and more.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Who needs it?&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Startup founders&lt;/strong&gt; who are currently cobbling together different tools or relying heavily on custom development.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Freelance developers&lt;/strong&gt; who are tired of starting from scratch for every new project.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Development teams&lt;/strong&gt; that want to accelerate product development without sacrificing critical SaaS features.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The license is very very business-friendly. So it's not only ideal for founders, but also consultants.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Why your starter kit?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
The starter kit is based on direct feedback from users who have successfully launched their own products. I'm in direct contact with 5 founders, helping them grow their company. This real-world validation makes me uniquely positioned to offer a solution that truly meets the needs of developers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Additional information&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
The kit is build with Next.js 15, React 19 and shadcn/ui, providing a cohesive package that includes both front-end and back-end functionality and advanced app components. It's designed for quick setup with minimal configuration, so developers can focus on building their applications.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Website:&lt;/strong&gt; &lt;a href="https://achromatic.dev" rel="noopener noreferrer"&gt;https://achromatic.dev&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Acme Demo:&lt;/strong&gt; &lt;a href="https://demo.achromatic.dev" rel="noopener noreferrer"&gt;https://demo.achromatic.dev&lt;/a&gt;&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>nextjs</category>
      <category>react</category>
      <category>typescript</category>
    </item>
  </channel>
</rss>
