Learn how to build a web app with React, Material-UI, Next, Express, Mongoose, and MongoDB. We use ES6 syntax and keep our book up-to-date with the latest versions of all dependencies.
Popular third party APIs
Learn how to integrate a web app with Google for user authentication, Github for markdown and collaboration, AWS SES for transactional emails, MailChimp for newsletters, and Stripe for selling.
Build a complete web app
We cover every step of building a web app - writing pages/components, creating a server, connecting a database, integrating APIs, and more. You could spend weeks searching these topics on Google. Add the final app you build to your portfolio.
If you have questions, search our closed Github issues or create a new one. We are happy to answer beginner to expert-level questions. With the help of our readers, we've made over 100 improvements to our book.
"I use various online resources like udemy.com and acloud.guru for eLearning, but this book is the best thus far to get one up to speed with the necessary skill sets to immediately run a web application."
"As a former engineer turned PM that's a few years removed from writing code, Builder Book has been a quick and convenient way to brush up on full-stack development and learn React for a side project."
"I often use Udemy for learning specific technologies, but ended up using Builder Book after being impressed with their brochure site being the actual project you build. The up to date, step by step instructions with Github made creating the app a breeze."
"Amazing book to expand your knowledge of building a full stack application. It connected many of the dots I was experiencing when building my own apps. I now see the power of Next and look forward to building further applications."
"Builder Book is a labor of love. It's obvious that Tima, Kelly and Delgermurun are not only passionate about software development and architectural design, they are also committed to providing an exceptional learning experience to those who are fortunate enough to read Builder Book. It's stated very clearly in the books introduction, many times we pour over resources and learn a little here and there, but when it comes to organizing everything into a meticulous pattern great for referencing in a new build or elsewhere, there's just not much to rely on short of maybe, our browsers bookmarks. Builder Book excels where our browser's bookmark falls short."
"This book is by far the best I've found on the MERN stack. It also covers testing. Very comprehensive book with explanations so that you actually understand what the code does."
"Everyone knows the meme 'if the authors of computer programming books wrote arithmetic books'. This book is very different. It's not another to-do list but a comprehensive guide of how to build a real-life application. I haven't found a better resource (and trust me, I have tried a lot)."
San Francisco, CA
"I'm going through tutorials from uDemy, Lynda, codeacademy, and my local community college. Though things do stick, a full scope is still kind of shaky. This book is something I've been needing!"
"The way this book breaks things down into steps and explains each chunk of code individually before putting it all together is really helpful. A good example is how they explain why material-ui does not work by default with server-side rendering, how we need to inject the styles and subsequently remove the server-side styles."
Ann Arbor, MI
"I don't have a lot of experience with server-side rendered React, and Builder Book has taught me a lot about it in a short amount of time. I also never worked with Next.js, and this book has proved an invaluable resource."
"Material-UI + Next.js + NoSQL DB - it's exactly what I was trying to build by myself. Finally I found this blueprint project at github. I hope I will evolve the project into my own idea, in production! I highly recommend this book: it keeps good balance between detailed explanations and focus on the target, so you will not lose much time nor something important."
"As I'm someone who prefers reading to videos, I was hoping this book would be thorough and in depth. Happy to see that it was. I really like the explanations. It definitely solidified a few implementation things I never had a perfect grasp on (lightbulb moment for HOC even though I technically use them)."
"What I like most about this book is that everything is explained in a way that I know what every line of code is doing. Most tutorials assume too much, and readers tend to lose track at some point."
"I found it very useful in helping to accelerate my next.js learning. I followed along with the book in building the sample app, and then used the async-labs/saas boilerplate to start a new app at my day job. The book definitely helped me get from 0 to 60 on next.js in a shot period of time, and I’m now feeling pretty comfortable with next.js. I also really like the hands on approach. Building a sample app is a great way to learn a new framework!"
"Going through the book now and it’s excellent. I took a boot camp last year, but haven’t really coded since. It is a great refresher of concepts, and for the new things I’m learning, it explains it concisely! I’ll be using these concepts for a SaaS app that I’m building."
"It's a fantastic book that really gives you the opportunity to learn how to create a full application while going through the instrinic details as if they were separate applications."
"I love the matter-of-fact, unpretentious tone of this book and the fact that an actual, tangible project (rather than just a “Hello World” website) awaits us at the end."
"This book teaches you to develop a professional project from start to end, with good references and a real product (the site for the book is the web app you develop). Really a good job!"
"A clear explanation, possibility to see a result of your work step by step and finally get a real full-stack application makes programming a real joy. And the most important, this book pays special attention to a server-side rendering."
"Builderbook is awesome. I love the fact that it goes beyond just building simple demos. It teaches you to build production apps. You learn to build the app that you use to read the book."
"I was looking for help with getting started using Next + Jest and I found this book's instructions very easy to digest and use."
Los Angeles, CA
"As a student studying computer science, most of what we learn is theoretical. This book is the perfect guide to learn more about back-end, front-end, and how they all connect to make a responsive web app."
Kansas City, MO
"I was looking to get into front-end and back-end development and this book gave me the perfect project to touch all aspects of web development. Great one-stop-shop learning tool!"
"There are tons of resources to learn React + Node, but none are like Builder Book. It's one of the best online resources to invest your money. You'll learn all you need to set up your React project following the 'learn by doing' principle."
Wellington, New Zealand
"For those who want to build a complete, full-stack project using the MERN stack, this is a great resource. Particularly, the authentication using promise was highly useful."
"While I went to a code boot camp, I don't have the opportunity to use more than HTML and CSS at work. This book helps me expand into new technologies and establish myself as not just a designer but a developer."
"Awesome full-stack tutorial that goes deep in-depth on a number of topics- this one stands above the crowd."
Central Visayas, Philippines
"Many online sources teach you to build things on a narrow vision, but this book gives you an excellent view of what you're actually building. Very helpful for developers of all levels."
Kelly is a front-end developer. She likes using React and Material Design and enjoys solving UX problems.