Configuration of a boilerplate for your newly started projects is a tedious, repeatable job … which you can forget about thanks to @karanpratapsingh, who has made a full-stack boilerplate following some of the best patterns & practices learned from most-popular codebase and developers he has worked with. All that to make it possible to bootstrap your GraphQL-first app in React with just a couple clicks.
No matter if are starting a simple personal project or enterprise app you are getting a scalable full-stack starter kit following good architecture patterns, which is super significant as your project grows.
The library is using yarn workspaces which makes it easier to split the monorepo into packages responsible for a database connection, GraphQL part etc. It makes it really helpful if you choose to split GraphQL into its own set of microservices. The packages are organized as below:
If you are ready to start your next GraphQL+React project begin with creating
.env files at both
backend/.env as well as
web/.env following the
.env.template files located in those directories. The next step would be installing dependencies. The author recommends using
yarn instead of npm as this boilerplate uses
yarn workspaces heavily. To run backend & frontend use:
yarn start:backend yarn start:web
but make sure to provide your own
DATABASE_URL rather than default one from
.env.template as it might be changed or deleted anytime, as mentioned by the library creator. If you like the idea of GraphQL-first full-stack boilerplate please show its maintainers some love and leave a star :)
The GraphQL Editor is a supportive tool for both advanced GraphQL users as well as those taking their first steps with GraphQL APIs. Our all-in-one development environment for GraphQL will help you build, manage & deploy your GraphQL API much faster thanks to dozens of built-in micro features. Its graphical interface will also fix communication within your product team. Visualization is the key!