Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dvikas/nextjs-graphql-adminpanel

Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL. In the backend, Prisma 2 with Nexus and Mysql is used.
https://github.com/dvikas/nextjs-graphql-adminpanel

apollo-client backend boilerplate dashboard graphql material-ui mysql nextjs nexus prisma react reactjs typescript

Last synced: about 2 months ago
JSON representation

Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL. In the backend, Prisma 2 with Nexus and Mysql is used.

Host: GitHub
URL: https://github.com/dvikas/nextjs-graphql-adminpanel
Owner: dvikas
Created: 2020-12-02T08:29:17.000Z (about 4 years ago)
Default Branch: main
Last Pushed: 2023-10-16T02:43:19.000Z (about 1 year ago)
Last Synced: 2024-08-01T08:16:22.326Z (4 months ago)
Topics: apollo-client, backend, boilerplate, dashboard, graphql, material-ui, mysql, nextjs, nexus, prisma, react, reactjs, typescript
Language: TypeScript
Homepage:
Size: 3.21 MB
Stars: 146
Watchers: 7
Forks: 30
Open Issues: 0
Metadata Files:
- Readme: README.md
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

awesome - dvikas/nextjs-graphql-adminpanel - Admin panel built with NextJS(Typescript), Material UI, Apollo Client & GraphQL. In the backend, Prisma 2 with Nexus and Mysql is used. (TypeScript)

README

        # NextJS/ GraphQL Admin Panel inspired by Material UI 

#### Tech Stack Frontend

* React(Next JS)

* Typescript

* Apollo Client

* GraphQL

* Material UI

#### Tech Stack Backend

* GraphQL

* Prisma 2

* Nexus

* Typescript

* Mysql

## Install VS Code extensions 🚀

Please installed these VS Code extensions for syntax highlighting and auto-formatting - [Prisma](https://marketplace.visualstudio.com/items?itemName=Prisma.prisma) and [GraphQL](https://marketplace.visualstudio.com/items?itemName=Prisma.vscode-graphql).

![Prisma Extension for VS Code](https://i.imgur.com/IuyHd6e.png)Prisma Extension for VS Code

![GraphQL Extension for VS Code](https://i.imgur.com/Lbsk1TY.png)GraphQL Extension for VS Code

## Install Frontend

[Check Readme file for install instructions](https://github.com/dvikas/next-graphql-admin/tree/main/web-app)

## Install Backend

[Check Readme file for install instructions](https://github.com/dvikas/next-graphql-admin/tree/main/api)

## Screenshots

![Dashboard](https://i.imgur.com/rZs1OEo.png)Dashboard

![Products](https://i.imgur.com/MEBPjdL.png)Products

![Edit Product](https://i.imgur.com/1tqhaLP.png)Edit Product

![Categories](https://i.imgur.com/JWuO2Zt.png)Categories

## Contributing

Please share your opinion/ feedback for improvements! As you know it's open source project, don't hesitate to contribute your thoughts. Also, you can send email on [email protected].

Feel free to create a PR for your changes :)