Next Shop is a cutting-edge e-commerce web application built with Next.js, React, and Redux. This project demonstrates a modern web development stack with features such as state management, routing, and UI components.
- ⚡ Next.js for server-side rendering and routing.
- 🗂️ Redux for state management.
- 💅 Bootstrap for responsive design.
- 🌍 Leaflet for interactive maps.
- 🔔 React Toastify for notifications.
- 🏷️ React Tabs for tabbed navigation.
- 💾 Redux Persist for persisting Redux state.
Make sure you have the following installed:
- Node.js (>= 14.x)
- npm or yarn
-
Clone the repository:
git clone https://github.com/AmirrMahmoudi/next-shop.git cd next-shop -
Install the dependencies:
npm install # or yarn install
-
To start the development server:
npm run dev # or yarn dev -
To build the application for production:
npm run build # or yarn build -
To start the production server:
npm start # or yarn start -
To lint the code:
npm run lint # or yarn lint
The following packages and dependencies are used in this project:
- @reduxjs/toolkit: ^2.0.1
- bootstrap: ^5.1.3
- bootstrap-icons: ^1.8.1
- leaflet: ^1.8.0
- next: 14.2.3
- next-nprogress-bar: ^2.1.2
- react: ^18
- react-dom: ^18
- react-redux: ^9.1.2
- react-tabs: ^6.0.2
- react-toastify: ^10.0.5
- redux-persist: ^6.0.0
The project structure follows a typical Next.js application layout:
next-shop/
├── components/ # Reusable UI components
├── pages/ # Next.js pages (each file represents a route)
├── public/ # Public assets (images, icons, etc.)
├── redux/ # Redux store and slices
├── styles/ # CSS and SCSS files
├── utils/ # Utility functions and helpers
├── .eslintrc.json # ESLint configuration
├── .gitignore # Git ignore file
├── package.json # Project dependencies and scripts
├── README.md # Project README file
Contributions are welcome! Please open an issue or submit a pull request for any bugs, features, or documentation improvements.
✍️ Amirhossein Mahmoudi amirhosssein.js@gmail.com