A minimal, clean and beautiful admin system
Why • Test it • Install Instructions • Tech Stack • Contributing •
This was a challenge I had to create an admin system using NextJS for a company with all admin systems menus. I started this project as a simple template for admin systems but over time I started to implement other features like the profile menu and the user administration menu. I spent a lot of time on this project because I also used it to study new technologies and insert technologies that I have always wanted to play with.
You can access the example in this link: Rama Admin
This way you will open the initial page. To access the admin menu you need to click on the hamburger button in the top right corner and Login.
You can use any email and any password to access the admin system.
FYI: The email needs to have an e-mail format to work like (example@example.com)
- 1.1)
git clone https://github.com/luanrem/ramaapp
- 1.2)
cd nextjs-adminsystem
- cd into your newly created project directory. - 1.3) Install NPM packages with
yarn install
Note: I am using theyarn
but you can usenpm
if you want.
- 2.1) Open the Windows Powershell with Admin permission
- 2.2)
git clone https://github.com/luanrem/nextjs-adminsystem
- 2.3)
cd next-adminsystem
- cd into your newly created project directory. - 2.4) Install NPM packages with
yarn install
- 3.1) [yarn] You need to run as development script
yarn dev
. The first time could take some time.
- ReactJS
- Next.JS
- Typescript
- Styled Components
- Material UI
- Framer Motion
- React-Use
- React-custom-scrollbars
- Nookies
and much more...
This project is for study purposes too, so feel free to ask
All kinds of contributions are very welcome and appreciated!
- ⭐️ Star the project
- 🐛 Find and report issues
- 📥 Submit PRs to help solve issues or add features
- ✋ Influence the future of NextJS Admin system with feature requests