Builder Book logo

Book: SaaS Boilerplate

  1. Introduction. Project structure.
  2. GitHub. VS Code Editor. Node. Yarn. TypeScript. TSLint. Next.js. Environmental variables.
  3. Material-UI. Theme. Dark theme. Shared layout. Shared styles. Shared components. Mobile browser.
  4. HTTP. APP server. Next-Express server. Fetch method. API methods. async/await. API server. Express server. Environmental variables. Logs.
  5. User model. Mongoose and MongoDB. MongoDB index. Jest testing. Your Settings page. File upload to AWS S3.
  6. Login page. Session and cookie. Google OAuth API. Authentication HOC withAuth. firstGridItem logic in App HOC.
  7. AWS SES API. Passwordless OAuth API. Mailchimp API.
  8. Application state, App HOC, store and MobX. Data store for User. Team. Invitation. Discussion. Post. Toggle theme API.
  9. Web sockets.
  10. Create Post via email. AWS Lambda. AWS API Gateway.
  11. Stripe. Customer. Subscription. Invoice.
  12. Prepare APP and API for production. Deploy to Heroku. Deploy to AWS Elastic BeanStalk.

Chapter 7: Application state, App HOC, store and MobX. Data store for User. Team. Invitation. Discussion. Post. Toggle theme API.

Available for pre-order for $99. The price becomes $249 once published.


In Chapter 7, you will start with the codebase in the 7-begin folder of our saas repo and end up with the codebase in the 7-end folder.

We will cover the following topics in this chapter:

  • Application state, App HOC, store and MobX
    - Updating App HOC
    - store: observable, action, runInAction, decorate
  • Data store for User
    - Updating withAuth HOC
    - Updating YouSettings page
    - Testing
    - Improvements to store infrastructure
  • Toggle theme API
    - static method toggleTheme
    - Express route
    - API method
    - Update Layout component and testing
  • Team
    - Model and static methods
    - Express routes
    - API methods
    - Store for Team
    - TeamSettings page
  • Invitation
    - Model and static methods
    - Invitation email template
    - Updating static methods for User model
    - Express routes
    - API methods
    - Store for Invitation
    - InviteMember component
    - Login page
  • Discussion
    - Model and static methods
    - Express routes
    - API methods
    - Store for Discussion
    - Discussion components
    - Discussion page
  • Post
    - Model and static methods
    - Express routes
    - API methods
    - Store for Post
    - Post components

In this chapter we will learn about data stores and their purpose. We will build a data store for User and modify APP project to work properly with MobX. We will introduce multiple new models (Team, Invitation, Discussion and Post) and build corresponding infrastructure for these models in both APP and API projects.

Inside API project we will build many of "Model - Static method - Express route" infrastructures.

Inside APP project, we will build many of "API method - Store - Page - Component" infrastructures.

Chapter 7 is under construction. You can pre-order this book for $99. The price after completion will be $249.

If you pre-order the book, you will be emailed about new chapters as they become available.

The book is to be completed by August 1, 2020.

Available for pre-order for $99. The price becomes $249 once published.


format_list_bulleted
help_outline
lens