Builder Book

Learn how to build a full-stack, production-ready JavaScript web application from scratch.
You'll go from 0 lines of code in Chapter 1 to over 10,000 lines of code by Chapter 8.

Table of Contents

Chapter 1: App structure. Next.js. HOC. Material-UI. Server-side rendering. Styles.
  • Setup
  • Code editor and lint
  • App structure
  • Index page
  • Header component
  • Layout HOC
  • Material-UI integration
  • Custom styles
  • Server-side rendering

  • Chapter 2: Server. Database. Session. Header and MenuDrop components.
  • HTTP
  • Express server
  • Database
  • Session
  • Update Header component
  • MenuDrop component

  • Chapter 3: Authentication HOC. Promise. Async/await. Static method for User model. Google OAuth.
  • Authentication HOC
  • getInitialProps() method
  • Login page and Nprogress
  • Promise.then()
  • Async/await
  • Static method signInOrSignUp()
  • Generate slug
  • Google Oauth: auth() function
  • Express routes for auth()
  • Initialize auth() on server
  • Testing

  • Chapter 4: Testing with Jest. Debugging with Winston. Transactional emails. In-app notifications.
  • Testing with Jest
  • Debugging with Winston
  • Transactional emails with AWS SES
  • In-app notifications

  • Chapter 5: Book and Chapter models. Internal API. Render chapter.
  • Book model
  • Chapter model
  • Internal APIs
  • ReadChapter page
  • Testing

  • Chapter 6: Github integration. Admin dashboard. Testing Admin UX and Github integration.
  • Github integration
  • Markdown to HTML
  • Admin dashboard
  • Update Header component
  • Testing

  • Chapter 7: Table of Contents. Highlight for section. Hide Header. Mobile browser.
  • Table of Contents
  • Highlight for section
  • Hide Header
  • Mobile browser

  • Chapter 8: BuyButton component. Buy book logic. ReadChapter page. Checkout flow. MyBooks page. Mailchimp API. Deploy app.
  • BuyButton component
  • Buy book logic
  • ReadChapter page
  • Checkout UX
  • MyBooks page
  • Mailchimp API
  • Deploy app


  • Book Authors


    Kelly Burke

    Kelly Burke
    Spokane, WA

    Kelly is a front-end developer. She likes using React and Material Design and enjoys solving UX problems.

    Timur Zhiyentayev

    Timur Zhiyentayev
    Spokane, WA

    Tima is a full-stack JavaScript web developer. He likes learning any technology that improves end-user experience.


    © 2018-19 Builder BookTermsGithub