mradamus/full-stack-project-with-nextjs

This project is to build full stack app using nextjs

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

packages I used for this Project:

1- Material UI and Icons [npm install @material-ui/core] [npm install @material-ui/icons]

2- React Bootstrap [npm install react-bootstrap [email protected]]

import 'bootstrap/dist/css/bootstrap.min.css';


/* The following line can be included in your src/index.js or App.js file */

import './App.scss';

3- Axios [npm install axios]

4- bcrypt for hashing the password

[`npm i bcrypt`]

5- Install Formik for forms [npm install formik --save]

6- Install Yup for validation [npm install yup]

7- https://mongoosejs.com/ [npm i mongoose]

8- NextAuth.js for authentication [npm i next-auth]

9- react-toastify for notifications

[npm i react-toastify]

1-react-masonry-css https://www.npmjs.com/package/react-masonry-css [npm i react-masonry-css]

.my-masonry-grid {
  display: -webkit-box; /* Not needed if autoprefixing */
  display: -ms-flexbox; /* Not needed if autoprefixing */
  display: flex;
  margin-left: -30px; /* gutter size offset */
  width: auto;
}
.my-masonry-grid_column {
  padding-left: 30px; /* gutter size */
  background-clip: padding-box;
}

/* Style your items */
.my-masonry-grid_column > div { /* change div to reference your elements you put in <Masonry> */
  background: grey;
  margin-bottom: 30px;
}

• 10 Install Redux [npm install redux react-redux redux-devtools-extension next-redux-wrapper redux-thunk]

-11 Install next-connect [npm install next-connect] //