Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pdovhomilja/nextcrm-app
NextCRM is a CRM build on top of the latest Next.JS 14. using TypeScript, great UI library shadcn, Prisma and MongoDB as a database. Uploadthings as a S3 blob for document storage.
https://github.com/pdovhomilja/nextcrm-app
mongodb next-auth nextjs14 prisma react-email resend shadcnui tremor typescript zustand
Last synced: about 1 month ago
JSON representation
NextCRM is a CRM build on top of the latest Next.JS 14. using TypeScript, great UI library shadcn, Prisma and MongoDB as a database. Uploadthings as a S3 blob for document storage.
- Host: GitHub
- URL: https://github.com/pdovhomilja/nextcrm-app
- Owner: pdovhomilja
- License: mit
- Created: 2023-07-06T22:25:52.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-12T21:16:54.000Z (2 months ago)
- Last Synced: 2024-10-01T00:42:06.018Z (about 1 month ago)
- Topics: mongodb, next-auth, nextjs14, prisma, react-email, resend, shadcnui, tremor, typescript, zustand
- Language: TypeScript
- Homepage: https://demo.nextcrm.io
- Size: 2.24 MB
- Stars: 283
- Watchers: 9
- Forks: 72
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
Introduction ·
Tech Stack + Features ·
Roadmap ·
Installation ·
Repo activity ·
License ·
Discord
## Online Demo
You can try it here [demo.nextcrm.io](https://demo.nextcrm.io), login via Google account or create new user and password.
## Tech Stack + Features
### Frameworks
- [Next.js](https://nextjs.org/) – React framework for building performant apps with the best developer experience
- [Auth.js](https://authjs.dev/) – Handle user authentication with ease with providers like Google, Twitter, GitHub, etc.
- [Prisma](https://www.prisma.io/) – Typescript-first ORM for Node.js
- [React Email](https://react.email/) – Versatile email framework for efficient and flexible email development### Platforms
- [Vercel](https://vercel.com/) – Easily preview & deploy changes with git
- [Mongo DB Atlas](https://mongodb.com/) – A database platform for seamless, scalable data management
- [Resend](https://resend.com/) – A powerful email framework for streamlined email development together with [react.email](https://react.email)### Data fetching
- [SWR](https://swr.vercel.app/) – React Hooks library for remote data fetching
- [Axios](https://axios-http.com/) – Promise based HTTP client for the browser and node.js
- [Server Actions]() - for server side data fetching
- [Tanstack/react-query](https://react-query.tanstack.com/) - for server/client side data fetching### UI
- [Tailwind CSS](https://tailwindcss.com/) – Utility-first CSS framework for rapid UI development
- [Shadcn/ui](https://ui.shadcn.com/) – Re-usable components built using Radix UI and Tailwind CSS
- [Tremor](https://www.tremor.so/) – A platform for creating charts
- [react.email](https://react.email) - together with [resend.com](https://resend.com)### AI
- [OpenAI API](https://openai.com/blog/openai-api) - for automated email notifications generated by AI
- [Rossum](https://rossum.ai/) - for invoice data parsing with AI![hero](/public/og.png)
## Roadmap
1. More AI powered - daily summary of tasks and project (OpenAI integration) - in progress
2. Email campaigns management - integration with MailChimp and Listmonk - in planning
3. ~~Docker version - in planning (There will be complete bundle to run NextCRM on-premise)~~
4. Testing - Jest + Cypress (if anyone want to help I will be very happy) - in planning
5. Fix all Types issue (no more "any") - in progress
6. i18n - localization - in progress (if anyone want to help I will be very happy)
7. Turborepo - in planning
8. ~~Upgrade to Next.js 14 - in planning~~
9. Email client - in planning## Emails
We use [resend.com](https://resend.com) + [react.email](https://react.email) as primary email sender and email templates.
## Reports
We use Tremor charts as a tool for creating charts in NextCRM
![hero](/public/reports.png)
## Video (YouTube channel with functions showcase)
[Youtube Channel](https://www.youtube.com/@NextCRM_IO)
[Invoice module (video)](https://youtu.be/NSMsBMy07Pg)## Documentation
Available soon at: http://docs.nextcrm.io
## Installation
Show instructions
1. Clone the repository:
```sh
git clone https://github.com/pdovhomilja/nextcrm-app.git
cd nextcrm-app
```1. Install the preset:
```sh
npm install
```1. Copy the environment variables to .env
```sh
cp .env.example .env
``````sh
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 emails1. Init Prisma
```sh
npx prisma generate
npx prisma db push
```1. Import initial data from initial-data folder
```sh
npx prisma db seed
```1. Run app on local
```sh
npm run dev
```1. http://localhost:3000
## Docker installation
[Link to Docker HUB](https://hub.docker.com/repository/docker/nextcrmio/nextcrm/general)
Show instructions
1. MongoDB URI string for Prisma ORM:
2. Install the preset:
```create
.env (for Prisma URI string) and .env.local (all others ENVs) file inside docker folder
```3. run docker-compose
```sh
docker-compose up -d
```4. Init Prisma
```sh
docker-compose exec nextcrm npx prisma generate
docker-compose exec nextcrm npx prisma db push
```5. Import initial data from initial-data folder
```sh
npx prisma db seed
```6. http://localhost:3000
## Contact
[www.dovhomilja.cz](https://www.dovhomilja.cz)
[
](https://twitter.com/dovhomilja)## Contributing
We are open to the NextCRM community contributions. Every contribution is welcome.
### Issues
- [Open an issue](https://github.com/pdovhomilja/nextcrm-app/issues) if you find a bug or have a suggestion for improvements.
### NextCRM Super heroes
Made with [contrib.rocks](https://contrib.rocks).
## Repo Activity
![Alt](https://repobeats.axiom.co/api/embed/e6bed6e15724f38c278ad2edcf0573a1bb24bed6.svg "Repobeats analytics image")
## Star History
[![Star History Chart](https://api.star-history.com/svg?repos=pdovhomilja/nextcrm-app&type=Timeline)](https://star-history.com/#pdovhomilja/nextcrm-app&Timeline)
## License
Licensed under the [MIT license](https://github.com/pdovhomilja/nextcrm-app/blob/main/LICENSE.md).