Achromatic

Website
Achromatic
Updated on 9 April 2024
450
$180
Next.jsTailwind CSSshadcn/uiPostgreSQLMySQLMariaDBPlanetScaleSupabaseNeonPrismaAuth.jsSocial LoginsResendNodemailerStripe

Achromatic is a Next.js SaaS Starter Kit designed to help you speed up your development process by avoiding the need to reinvent the wheel. Focus on building your core business instead of boilerplate code.

It offers a wide range of built-in authentication options, including Email/Password, social logins (Google, GitHub, Microsoft), and multi-factor authentication (MFA/2FA) using TOTP and your preferred authenticator app for an extra layer of security.

Multi-Tenancy: Achromatic includes built-in support for organizations, with features like member management, invitations, and roles. You can easily add or remove organizations, transfer ownership to another member, and use predefined membership roles or customize your own.

The UI is clean and simple, built with Tailwind and shadcn/ui. It leverages the simplicity of shadcn/ui and uses the Lucide Icons library for modern, aesthetic icons.

Achromatic integrates with Stripe and includes a built-in billing portal, allowing users to view transactions, manage invoices, and easily switch between plans. It also supports a beautiful dark theme toggle.

It uses Prisma as the ORM for database management and queries, with PostgreSQL as the database and Prisma Studio for viewing and managing local data. A monorepo setup with Drizzle ORM is also included.

Authentication is handled via Auth.js, a flexible and highly customizable authentication library.

A markdown-based CMS is integrated directly into the codebase, making it ideal for creating blog posts and documentation.

For building and sending emails, Achromatic uses React Email. It can connect to Resend or Nodemailer for email delivery.

Several email templates are already implemented:

  • Verify Email Address
  • Welcome
  • Password Reset
  • Invitation
  • Revoked Invitation
  • Connected Account Security Alert
  • Confirm Email Address Change
  • Feedback

With Achromatic, you can significantly reduce development time and complexity, allowing you to focus on building unique features for your product.

Website