Bedrock - modern full-stack Next.js & GraphQL boilerplate
Tags: webdev, graphql, nextjs, react
Published: 2021-03-18 09:13:50


Software as a service (SaaS) is licensing and delivery model in which software is centrally hosted & licensed on a subscription basis. SaaS applications are also known as on-demand or web-based software. 

Despite being totally different (having a different interface, design and solving totally different problems) there are some mundane things that are common for almost each & every SaaS project. 

To become operational each SaaS needs some basic functionalities like:
- user authentication,
- payments,
- billing management,
- sending transactional emails,
- handling cookie sessions & access tokens,
... and the list goes on and on.

These are repetitive tasks that developers need to go through and handle properly to provide the basic functionalities and experience expected by web-based application users. With a huge list of tedious, boring jobs to do in the back of your mind, it's hard to focus on the relevant features of your new application.

Max Stober, who is a creator of [react-boilerplate](https://github.com/react-boilerplate/react-boilerplate) (27k stars) and co-creator of [styled-components](https://github.com/styled-components/styled-components) (32.5k stars), created Bedrock to solve this problem.

## The Bedrock

[Bedrock](https://bedrock.mxstbr.com/) is a boilerplate built of the top of the best tools of the JS ecosystem that combined together create *a bedrock* for your new SaaS product. 

Bedrock bases on:
- React,
- Next.js,
- GraphQL.

These three make a foundation for your project that makes it possible to easily bind the rest of the Bedrock components and make them work well together which means you can forget about spending hours to integrate all those tools and libraries to handle:

- **User authentication**: Bedrock authenticates users using magic links without having to worry about security and storing passwords,

- **Team Account**: Bedrock has a built-in invitations system that allows users to invite their colleagues to their projects (each project has its own billings and members). 

- **Subscription payments**: with a help of Stripe Checkout, Bedrock is ready to handle any plan you want to have included in your SaaS (monthly, yearly, pay per-seat, etc.),

- **GraphQL API & integrations** - enjoy the speed of GraphQL API with Nexus, Prisma & urql, as well as token-based API authentication, allowing users to easily integrate with your product.


Besides above mentioned fundamental features Bedrock provides a great development experience by using top-notch tooling the JavaScript ecosystem can offer to your project:

- **Type-safety**: with TypeScript onboard don't worry about errors, it saves you time catching errors and providing fixes before you run code.

- **Scalability**: do not worry about scaling your servers, Next.js got you covered.















What's great about Bedrock is that's flexible! If you think you don't need some of the tools/libraries that OK as removing most of the optional tools is as simple as deleting a single file or folder (*ESLint, Prettier* etc.). Some of them require deleting code in other files (i.e *Stripe*) but still, it shouldn't take more than a couple of minutes. 

![Bedrock components](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/riw8czy19rp3mmvq0msl.png)
##### Source: [bedrock.mxstbr.com](https://bedrock.mxstbr.com/)

With that part being covered you can focus on the core features of your product and making it awesome. 


**Bedrock can be pre-ordered for ~150$ per single product license (unlimited products license cost ~900$)**, for this price you will receive a copy of the codebase along with extensive documentation on how to use it to the fullest. It's planned to be **released on the 31st of March**.






---

## Speed up your GraphQL API development

**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. **[Try GraphQL Editor for free!](https://graphqleditor.com)**

[![New features of GraphQL Editor gif](https://dev-to-uploads.s3.amazonaws.com/i/hz2iv2u1073dy9orexxf.gif)](https://graphqleditor.com/)