Code Monkey home page Code Monkey logo

pdovhomilja / nextcrm-app Goto Github PK

View Code? Open in Web Editor NEW
245.0 7.0 64.0 2.26 MB

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.

Home Page: https://demo.nextcrm.io

License: MIT License

TypeScript 98.11% CSS 0.15% JavaScript 1.35% HTML 0.03% Dockerfile 0.06% Shell 0.30%
mongodb next-auth prisma shadcnui typescript zustand tremor nextjs14 react-email resend

nextcrm-app's Introduction

OG

X (formerly Twitter) URL GitHub License

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

AI

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

hero

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 + react.email as primary email sender and email templates.

Reports

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

hero

Video (YouTube channel with functions showcase)

Youtube Channel
Invoice module (video)

Documentation

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

Installation

Show instructions
  1. Clone the repository:

    git clone https://github.com/pdovhomilja/nextcrm-app.git
    cd nextcrm-app
  2. Install the preset:

    npm install
  3. 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
  4. Init Prisma

     npx prisma generate
     npx prisma db push
  5. Import initial data from initial-data folder

    npx prisma db seed
  6. Run app on local

    npm run dev
  7. http://localhost:3000

Docker installation

Link to Docker HUB

Show instructions
  1. MongoDB URI string for Prisma ORM:

  2. Install the preset:

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

    docker-compose up -d
  4. Init Prisma

     docker-compose exec nextcrm npx prisma generate
     docker-compose exec nextcrm npx prisma db push
  5. Import initial data from initial-data folder

    npx prisma db seed
  6. http://localhost:3000

Contact

www.dovhomilja.cz
X (formerly Twitter) URL

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.

NextCRM Super heroes

Made with contrib.rocks.

Repo Activity

Alt

Star History

Star History Chart

License

Licensed under the MIT license.

nextcrm-app's People

Contributors

brahimvandenbrande avatar dependabot[bot] avatar frikadellios avatar mikhailwahib avatar pdovhomilja avatar saashqdev avatar skyairmj avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

nextcrm-app's Issues

[BUG:] Login SignUp page Component

Describe the bug

Login SignUp page Component is not Proper onScroll it is showing a Scrollbar in right side
image

Steps to reproduce

Ho

Browsers

No response

Additional context (Is this in dev or production?)

No response

add license

it's a very interesting project!

Would you consider adding a license to this repository to specify under which terms this code can be used?

[BUG - DEMO:]Google Authentification blocked

Describe the bug

I would like to report a problem encountered while using the demo version of NextCRM. The issue is specifically related to the Google authentication process.

Steps to reproduce

Navigate to the CRM demo site.
Click on the option to sign in using Google authentication.
Log In
Google Auth message : Access blocked

Browsers

Chrome

Additional context (Is this in dev or production?)

No response

[BUG:] createContext error

Describe the bug

Getting the following error consistently. I've tried installing locally and through Github codespaces.

Starting...
✓ Ready in 4s
○ Compiling /middleware ...
✓ Compiled /middleware in 1274ms (98 modules)
○ Compiling /[locale] ...
✓ Compiled /[locale] in 16.4s (1630 modules)
✓ Compiled in 1373ms (557 modules)
⨯ createContext only works in Client Components. Add the "use client" directive at the top of the file to use it. Read more: https://nextjs.org/docs/messages/context-in-server-component
at eval (webpack-internal:///(rsc)/./node_modules/@floating-ui/react/dist/floating-ui.react.esm.js:111:77)
at (rsc)/./node_modules/@floating-ui/react/dist/floating-ui.react.esm.js (/workspaces/nextcrm-app/.next/server/vendor-chunks/@floating-ui.js:20:1)
at webpack_require (/workspaces/nextcrm-app/.next/server/webpack-runtime.js:33:43)
at eval (webpack-internal:///(rsc)/./node_modules/@tremor/react/dist/components/util-elements/Tooltip/Tooltip.js:6:76)
at (rsc)/./node_modules/@tremor/react/dist/components/util-elements/Tooltip/Tooltip.js (/workspaces/nextcrm-app/.next/server/vendor-chunks/@tremor.js:40:1)
at webpack_require (/workspaces/nextcrm-app/.next/server/webpack-runtime.js:33:43)
at eval (webpack-internal:///(rsc)/./node_modules/@tremor/react/dist/components/vis-elements/ProgressBar/ProgressBar.js:8:91)
at (rsc)/./node_modules/@tremor/react/dist/components/vis-elements/ProgressBar/ProgressBar.js (/workspaces/nextcrm-app/.next/server/vendor-chunks/@tremor.js:50:1)
at webpack_require (/workspaces/nextcrm-app/.next/server/webpack-runtime.js:33:43)
at eval (webpack-internal:///(rsc)/barrel_optimize?names=Flex,ProgressBar,Text!=!./node_modules/@tremor/react/dist/index.js:8:109) {
type: 'TypeError',
page: '/en'
}
○ Compiling /_error ...
✓ Compiled /_error in 8s (1830 modules)
GET /en 500 in 27199ms

Steps to reproduce

Followed install instructions on local machine (Ubuntu 20.04) and using Github Codespaces.

Browsers

Brave

Additional context (Is this in dev or production?)

dev

No steps Provided How to Contribute for Open Source

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

[BUG:] React view error after successfully log-in

Describe the bug

Just after going thru the set up steps, and attempt the first user login I had the following error displayed and could´t continue testing the app:

Unhandled Runtime Error

Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.

Steps to reproduce

  1. Install the app following the getting started steps
  2. Run the application using the next dev command
  3. The log in-register screen is displayed
  4. I create a user successfully
  5. After log-in the following error is shown
Unhandled Runtime Error

Error: Objects are not valid as a React child (found: [object Error]). If you meant to render a collection of children, use an array instead.
Call Stack
throwOnInvalidObjectType
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (8884:0)
reconcileChildFibersImpl
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (9891:0)
reconcileChildFibers
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (9912:0)
reconcileChildren
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (15627:0)
updateHostComponent$1
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (16589:0)
beginWork$1
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (18427:0)
beginWork
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (26791:0)
performUnitOfWork
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25637:0)
workLoopSync
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25353:0)
renderRootSync
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (25308:0)
performConcurrentWorkOnRoot
(app-pages-browser)\node_modules\next\dist\compiled\react-dom\cjs\react-dom.development.js (24432:0)
workLoop
(app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (256:0)
flushWork
(app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (225:0)
performWorkUntilDeadline
(app-pages-browser)\node_modules\next\dist\compiled\scheduler\cjs\scheduler.development.js (534:0)

This happens in different environments: Windows, Linux, etc

Browsers

Chrome, Firefox

Additional context (Is this in dev or production?)

No response

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.