Boilerplate Graphql
Fullstack boilerplate using Typescript, React, Node & GraphQL
Overview
BoilerplateBuilt is a robust software development stack built by No Quarter. It is recommended for developers who are comfortable with technologies such as Typescript, React, React Native, GraphQL, Prisma, and more. It comes with user authentication included and provides a customizable theme with dark mode support. With additional features such as Eslint, Prettier, and Sentry, BoilerplateBuilt offers a comprehensive solution for web, app, and API development.
Features
- Typescript + React + React Native + GraphQL + Prisma: BoilerplateBuilt is built on top of these technologies, providing a solid foundation for development.
- User Authentication: User authentication functionality is included in the stack, saving developers time and effort.
- Web, App & API Monorepo: All components of the project are managed in a single repository, making collaboration and version control easier.
- Next.js & Expo: BoilerplateBuilt supports both Next.js for web development and Expo for cross-platform app development.
- TypeGraphQL & Prisma: These tools are integrated into the stack to streamline GraphQL API development and database management.
- React Hook Form & Chakra UI: BoilerplateBuilt provides integration with React Hook Form for efficient form handling, along with customizable UI components from Chakra UI.
- Customizable Theme & Dark Mode: The theming system in BoilerplateBuilt is highly customizable, allowing developers to easily adapt the look and feel of their applications. Dark mode support is included out of the box.
- Eslint & Prettier: Linting and code formatting tools are integrated for maintaining consistent code quality and style.
- GraphQL Code Generator: BoilerplateBuilt makes use of GraphQL Code Generator to automatically generate TypeScript typings based on GraphQL schema and queries.
- Sendgrid SMTP: Integration with Sendgrid allows for easy setup of email sending functionalities.
- Sentry: Sentry is used for error tracking and monitoring in the stack.
- Husky & Lint-Staged: Husky is used to run pre-commit checks such as code formatting and linting using Lint-Staged.
Summary
BoilerplateBuilt by No Quarter is a powerful software development stack that provides a comprehensive set of tools and features for web, app, and API development. With its modern technologies, integrated user authentication, customizable theme, and a range of other features such as linting, code formatting, and error tracking, BoilerplateBuilt offers developers a solid foundation to build their projects upon. The installation process is well-documented and easy to follow, ensuring a smooth development experience.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- React Native
React Native is a framework for building mobile applications using React and JavaScript. It enables developers to write once and deploy to multiple platforms, including iOS, Android, and the web, while providing a native app-like experience to users.
- Chakra UI
Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Apollo
Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Expo
An open-source platform for making universal native apps with React. Expo runs on Android, iOS, and the web.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.