cnov20 / naperg

Fullstack Boilerplate GraphQL. Made with React & Prisma + authentication & roles + upload file + chat

Node Apollo Prisma Express React GraphQL

 

Boilerplate for a Fullstack GraphQL App with React & Prisma

Authentication

🚀 Bootstrap your fullstack GraphQL app within seconds

Basic starter kit for a fullstack GraphQL app with React and Node.js - based on best practices from the GraphQL community.

Project

Screenshots

Login	Signup

Getting started

1. migrate the database with Prisma migrate run:

npx prisma migrate dev --preview-feature

2. generate the prisma client

npx prisma generate

3. In 2 different terminals:

# Prisma & Graphql (port 4000)

cd server
yarn
yarn start

# Frontend: ReactJs (port 3000)

cd react
yarn
yarn start

Go to url: http://localhost:3000

Features

• Scalable GraphQL server: The server uses [apollo-server](https://www.apollographql.com/docs/apollo-server/
• Pre-configured Apollo Client: The project comes with a preconfigured setup for Apollo Client
• Tooling: Out-of-the-box support for GraphQL Playground
• Extensible: Simple and flexible data model – easy to adjust and extend
• Signup management:
  • Check password strength

For a fully-fledged React & Apollo tutorial, visit How to GraphQL.

Made with..

Frontend:

• User interfaces: React https://reactjs.org/
• Design: material-ui-next https://material-ui-next.com/
• GraphQL tool: Apollo Client https://www.apollographql.com/

Backend:

• Server JS: ExpressJs http://expressjs.com/fr/
• Server GraphQL: GraphQL yoga https://github.com/prismagraphql/graphql-yoga
• ORM (object-relational mapping): Prisma https://www.prisma.io/
• Database MySQL: https://www.mysql.com/

Contributing

• Your feedback is very helpful, please share your opinion and thoughts! If you have any questions or want to contribute yourself, don't hesitate!

• Tests must be implemented. Feel free to create a PR :)

• Add a star to this Repo! It helps a lot!

Who is using Naperg

• NachoNacho, the SaaS marketplace subscriptions

Create a PR if you are using Naperg and want to add your link here

Buy me a drink!

If this project help you reduce time to develop, you can give me a cup of coffee :)