FlavioAro / react-nextjs-mongodb-crud

CRUD app built using NextJS.

CRUD app built using NextJS.

Subscribe to My Youtube Channel:
https://www.youtube.com/NerdAutodidata

Table of Content

• Table of Content
  • 1. Folder Structures
  • 2. Libraries & Frameworks
  • 3. Installation & Set Up
  • 4. License

1. Folder Structures

+---components
+---icons
+---models
+---pages
|   \---api
|       \---employees
+---store
|   +---actions
|   +---reducers
|   \---sagas
+---styles
\---utils

2. Libraries & Frameworks

Name	Description
NextJS	The React Framework for Production.
ReactJS	A JavaScript library for building user interfaces.
Redux	A Predictable State Container for JS Apps.
Redux Saga	A middleware used to handle side effects in Redux.
React Hook Form	Performant, flexible and extensible forms with easy-to-use validation.
Mongoose	Elegant mongodb object modeling for node.js

3. Installation & Set Up

1. Install project dependencies

  yarn install or npm install

2. Add environment variables on your .env.local

  MONGO_URI=

3. Start the development server

  yarn dev or npm run dev

4. Build for production

  yarn build or npm run build

5. Run production mode

  yarn start or npm start