The modern full-stack Next.js & GraphQL boilerplate with user authentication, subscription payments, teams, invitations, emails and everything else you need.
Bedrock: Jumpstart your next SaaS product
Bedrock: Jumpstart your next SaaS product is a self-paced course by Max Stoiber. The modern full-stack Next.
Course facts
- Language
- English
- Added to CourseFlix
- November 2023
- Instructor
- Max Stoiber
- Price
- Premium
Every time I build a SaaS product I waste weeks gluing together standard tooling and functionality: user authentication, cookie sessions, subscription payments, billing management, team management, GraphQL API, transactional emails, ESLint, TypeScript, Prettier, Cypress,...
That's why I created Bedrock.
Bedrock combines all the best tools the JS ecosystem has to offer into one solid foundation for your SaaS product. It feels fantastic to work with now and sets you up to scale as your code- and userbase grows.
And the best part is: you don't have to read thousands of pages of documentation to learn how to use Bedrock. If you know Next.js and GraphQL you can start coding almost immediately!
Tools
Bedrock combines all the best tools the JS ecosystem has to offer and makes them work well together. This means you get the best developer experience and can just focus on building your product.
There is absolutely no magic in Bedrock, just a bunch of glue code to make all of these tools best friends. You do not have to know most of these technologies to be productive and Bedrock is designed so you can easily remove all the optional tools!
Features
User authentication
Authenticate users without worrying about security and storing passwords. Users get a magic link sent to their email and as soon as they click it they're logged in!
Team support
Bedrock is ready for teams out of the box. Users can create "projects", each of which has its own billing and members. The pre-built invitation system allows users to invite their colleagues to their projects.
Subscription payments
Securely accept subscription payments with Stripe Checkout. Bedrock comes ready for any plans you want (including yearly, per-seat pricing and everything else) and already handles invoices, billing management, PCI compliance, and much more.
Unstyled
Bedrock comes without any kind of styling or component library because, let's be honest, you'd just delete it anyway. The frontend contains the minimal code necessary to make the functionality work. Make it look the way you want it to by bringing your own component library or using any open source one!
GraphQL API & integrations
Enjoy the fantastic developer experience of creating a GraphQL API with Nexus & Prisma and querying it with urql. Bedrock also comes with token-based API authentication, allowing users to programmatically integrate with your product.
Adjustable to your preferences
Bedrock is designed to be modular so you can fine-tune it to your preferences. All tools except for Next.js are completely optional and can easily be removed or swapped for your favorite alternative.
The best developer experience
There is a lot of fantastic tooling in the JavaScript ecosystem, but making it all work well together can be tricky. Bedrock comes with everything you need, configured perfectly, so you (and your team) can move fast.
Type-safe from the database to the client
Move fast thanks to TypeScript catching your bugs before you even hit "Save". Rename a field in the database schema or GraphQL API? TypeScript will immediately highlight where you need to update your code.
Code generation
Bedrock leverages code generation where it can so you have to code less and move faster. Prisma generates a custom ORM and migrations from your database schema, Nexus generates a custom GraphQL API from your ORM and GraphQL Codegen generates React hooks for fetching data from your GraphQL API.
Infinite scalability
Thanks to serverless, you never have to worry about scaling your servers. No matter how much traffic your product gets, Next.js will be able to handle it.
Additional
Внимание: Это не Видеокурс.
Updates
v1.5.0: Pothos & GraphQL Yoga Latest
TL;DR: Bedrock now uses Pothos to create the GraphQL schema and GraphQL Yoga to create the GraphQL server!
What's Changed
- Move from Micro to GraphQL Yoga for creating the GraphQL server by @zoontek and @mxstbr in #448
- Move from Nexus to Pothos for creating the GraphQL schema by @mxstbr in #452
- Update all deps by @zoontek in #451, including the following major upgrades:
- GraphQL v15 -> v16
- React v17 -> v18
- Cypress v9 -> v10
- Prisma v3 -> v4
- Update 3-projects.md by @jforaker in #402
Who teaches Bedrock: Jumpstart your next SaaS product? Max Stoiber
Max Stoiber is an Austrian developer best known as a co-creator of styled-components (the dominant CSS-in-JS library for React for a generation of front-end developers) and the founder of Bedrock — a paid Next.js SaaS starter aimed at developer-founders shipping production SaaS products fast. He is one of the most cited names in the modern React ecosystem.
His CourseFlix listing carries Bedrock — Jumpstart Your Next SaaS Product — a comprehensive Next.js SaaS starter pre-wired with auth, billing (Stripe), the multi-tenant data model, and the operational patterns for running a real production SaaS.
Material is paid and aimed at developer-founders shipping SaaS products on the React / Next.js stack. For broader content, see the Next.js and SaaS & Indie Hacking category pages on CourseFlix.
What courses are similar to Bedrock: Jumpstart your next SaaS product?
ClassicThe Joy of React
By: Josh ComeauThe all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let s be real. Learning React is hard.25h 35m5/5
Updated 2y agoReact - The Complete Guide 2024
By: Udemy, Academind Pro (Maximilian Schwarzmüller)React: The Complete Guide 2024 by Maximilian Schwarzmüller — updated curriculum with React 18, Server Components, Suspense, and modern hooks.64h 33m5/5
Updated 3y agoUber Clone - Typescript, NodeJS, GraphQL, React, Apollo
By: Nomad CodersWe will do a Uber clone (backend + frontend + deployment). From head to toe using JavaScript! This time full stack, full JavaScript stack!22h 41m
Updated 1mo agoNext.js Projects: Build an Issue Tracker
By: Mosh Hamedani (Code with Mosh)Build a full-stack issue tracker with Next.js 13+, TypeScript, Prisma, and Tailwind across 87 lessons covering auth, APIs, and deployment.7h 1m
FreeUpdated 1mo agoNext Auth V5 - Advanced Guide
By: Antonio Erdeljac (Code With Antonio)Free 8-hour course: build a complete Next Auth v5 (Auth.js) toolkit with 2FA, password recovery, email verification, and Google/GitHub OAuth.8h 1m
Updated 2y agoNext40. Master Next.js 14 in 40 days of epic projects
By: Reed Barger, Next40Become a Next.js pro in the best way - by building tons of amazing apps, from admin dashboards, personal websites, full-stack apps and more.4h 52m
Updated 3y agoReact & TypeScript - The Practical Guide
By: Academind Pro (Maximilian Schwarzmüller)TypeScript is an amazing technology that helps developers write better code with less errors - simply because it let's you catch & fix type-related errors.7h 22m5/5