Overview:
This product is a NextJS/GraphQL Admin Panel that is inspired by Material UI. It is built using a tech stack that includes React (Next JS), Typescript, Apollo Client, GraphQL, Material UI, Prisma 2, Nexus, and MySQL.
Features:
- Frontend React (Next JS): This admin panel is built using Next JS, a popular React framework that allows for server-side rendering and static site generation.
- Typescript: The project is written in Typescript, a statically typed superset of JavaScript that helps catch errors early.
- Apollo Client: Apollo Client is used for managing the GraphQL queries and caching in the frontend.
- GraphQL: The project uses GraphQL for querying and mutating data from the server.
- Material UI: The user interface of the admin panel is inspired by Material UI, a popular design system for building responsive web applications.
- Backend GraphQL (Prisma 2): Prisma 2 is used as the backend GraphQL server, providing a type-safe and auto-generated API for accessing the database.
- Nexus: Nexus is used to declaratively define the GraphQL schema and resolvers in TypeScript.
- MySQL: MySQL is used as the database for storing and retrieving data in the backend.
Installation:
To install and use this admin panel, follow these steps:
- Install VS Code extensions for syntax highlighting and auto-formatting: Prisma and GraphQL.
- Install the Prisma Extension for VS Code.
- Install the GraphQL Extension for VS Code.
- Check the Readme file in the project repository for instructions on how to install the frontend and backend components.
Summary:
This NextJS/GraphQL Admin Panel is built using a modern tech stack and inspired by Material UI. It provides a user-friendly interface for managing data with features such as dashboard, products, categories, and editable product details. The installation process is detailed in the project’s Readme file, and feedback and contributions are encouraged as the project is open source.