/naperg

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

Primary LanguageTypeScriptMIT LicenseMIT

Node Apollo Prisma Express React GraphQL
 

Boilerplate for a Fullstack GraphQL App with React & Prisma

Authentication


naperg

🚀 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

GitHub issues GitHub forks GitHub stars GitHub license price paypal

Twitter

Screenshots

Login Signup
image image
image image
image image

Getting started

  1. migrate the database with Prisma migrate run:
npx prisma migrate dev --preview-feature

A user will be automatically created from the seed.ts file.

  • login: admin@naperg.com
  • pass: admin
  • role: ADMIN
  1. generate the prisma client
npx prisma generate
  1. 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
  • 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
  • Search with GraphQL: Exampel to search in 2 fields for the users: Email and name
  • Signup management:
    • Check password strength

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

Made with..

Typescript (https://www.typescriptlang.org/) for the Frontend and the Backend

Frontend:

Backend:

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

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 :)

paypal