NextCRM

Introduction · Tech Stack + Features · Roadmap · Installation · Repo activity · License · Discord

Online Demo

You can try it here demo.nextcrm.io, login via Google account or create new user and password.

Tech Stack + Features

Frameworks

Next.js – React framework for building performant apps with the best developer experience
Auth.js – Handle user authentication with ease with providers like Google, Twitter, GitHub, etc.
Prisma – Typescript-first ORM for Node.js
React Email – Versatile email framework for efficient and flexible email development

Platforms

Vercel – Easily preview & deploy changes with git
Mongo DB Atlas – A database platform for seamless, scalable data management
Resend – A powerful email framework for streamlined email development together with react.email

Data fetching

SWR – React Hooks library for remote data fetching
Axios – Promise based HTTP client for the browser and node.js
Server Actions - for server side data fetching
Tanstack/react-query - for server/client side data fetching

UI

Tailwind CSS – Utility-first CSS framework for rapid UI development
Shadcn/ui – Re-usable components built using Radix UI and Tailwind CSS
Tremor – A platform for creating charts
react.email - together with resend.com

AI

OpenAI API - for automated email notifications generated by AI
Rossum - for invoice data parsing with AI

Roadmap

More AI powered - daily summary of tasks and project (OpenAI integration) - in progress
Email campaigns management - integration with MailChimp and Listmonk - in planning
~~Docker version - in planning (There will be complete bundle to run NextCRM on-premise)~~
Testing - Jest + Cypress (if anyone want to help I will be very happy) - in planning
Fix all Types issue (no more "any") - in progress
i18n - localization - in progress (if anyone want to help I will be very happy)
Turborepo - in planning
~~Upgrade to Next.js 14 - in planning~~
Email client - in planning

Emails

We use resend.com + react.email as primary email sender and email templates.

Reports

We use Tremor charts as a tool for creating charts in NextCRM

Video (YouTube channel with functions showcase)

Youtube Channel
Invoice module (video)

Documentation

Available soon at: http://docs.nextcrm.io

Installation

Show instructions

Clone the repository:

git clone https://github.com/pdovhomilja/nextcrm-app.git
cd nextcrm-app

Install the preset:
```
npm install
```
Copy the environment variables to .env
```
cp .env.example .env
```
```
cp .env.local.example .env.local
```
.env
- You will need mongodb URI string for Prisma ORM
.env.local
- NextAUTH - for auth
- uploadthings - for storing files
- rossum - for invoice data exporting
- openAI - for automatic Project management assistant
- SMPT and IMAP for emails

Init Prisma

 npx prisma generate
 npx prisma db push

Import initial data from initial-data folder
```
npx prisma db seed
```
Run app on local
```
npm run dev
```
http://localhost:3000

Docker installation

Link to Docker HUB

Show instructions

MongoDB URI string for Prisma ORM:

Install the preset:

.env (for Prisma URI string) and .env.local (all others ENVs) file inside docker folder

run docker-compose
```
docker-compose up -d
```

Init Prisma

 docker-compose exec nextcrm npx prisma generate
 docker-compose exec nextcrm npx prisma db push

Import initial data from initial-data folder
```
npx prisma db seed
```
http://localhost:3000

Contact

www.dovhomilja.cz

Contributing

We are open to the NextCRM community contributions. Every contribution is welcome.

Issues

Open an issue if you find a bug or have a suggestion for improvements.

kduy/kn-ver2