React Admin SaaS Starter

React Admin SaaS Starter provides a full-stack foundation for admin panels, internal tools and SaaS applications. It includes a React and TypeScript interface and an Express API backed by Prisma and PostgreSQL.

Users can manage customers and products with creation, editing, deletion, search, filtering, sorting and server-side pagination. JWT authentication, USER and ADMIN roles, and ownership rules control access to application data.

The package includes editable frontend and backend source, database schema and migrations, environment examples, deployment configuration, and English installation and deployment documentation.

Features

• React 19 and TypeScript frontend with Vite
• Express and Node.js API with Prisma and PostgreSQL
• JWT authentication, protected routes and role-based access
• Ownership rules for user data
• Customer and product CRUD management
• Server-side pagination, search, filters and sorting
• Debounced search and unique SKU validation
• Zod form validation and API error handling
• Responsive admin interface
• Installation and deployment documentation

Requirements

• Node.js 20 or later
• npm
• PostgreSQL 14 or later
• Modern web browser
• Basic knowledge of React and TypeScript is recommended
• Basic knowledge of Node.js and REST APIs is recommended

Instructions

Installation

1. Download and extract the purchased source package.
2. Make sure Node.js 20 or later and PostgreSQL are installed.
3. Open the project folder in your terminal.
4. Install the project dependencies using npm install.
5. Copy .env.example to .env.
6. Configure the required environment variables in .env.
7. Configure your PostgreSQL database connection.
8. Run the Prisma database migrations.
9. Generate the Prisma client.
10. Start the development server using the documented commands in README.md.

Configuration

Before starting the application, configure the environment variables required by the frontend and backend. The included .env.example file provides the required configuration structure.

Database Setup

Create a PostgreSQL database and configure its connection string in the environment configuration. Use the included Prisma migrations to initialize the database schema.

Documentation

For complete installation, configuration, development, production build and deployment instructions, please refer to the included README.md file.

Customization

The source code can be customized to fit your own SaaS application, admin dashboard, internal tool or business application.

Support

If you encounter an issue during installation, first review the included documentation and troubleshooting section.