You're reading from Modern Full-Stack React Projects Build, maintain, and deploy modern web apps using MongoDB, Express, React, and Node.js

Product type Paperback

Published in Jun 2024

Publisher Packt

ISBN-13 9781837637959

Length 506 pages

Edition 1st Edition

Languages

JavaScript

Tools

MongoDB

Concepts

Full Stack Web Development

Author (1):

Daniel Bugl

View More author details

Table of Contents (28) Chapters

Preface

1. Part 1:Getting Started with Full-Stack Development

2. Chapter 1: Preparing for Full-Stack Development FREE CHAPTER

3. Chapter 2: Getting to Know Node.js and MongoDB

4. Part 2:Building and Deploying Our First Full-Stack Application with a REST API

5. Chapter 3: Implementing a Backend Using Express, Mongoose ODM, and Jest

6. Chapter 4: Integrating a Frontend Using React and TanStack Query

7. Chapter 5: Deploying the Application with Docker and CI/CD

8. Part 3:Practicing Development of Full-Stack Web Applications

9. Chapter 6: Adding Authentication with JWT

10. Chapter 7: Improving the Load Time Using Server-Side Rendering

11. Chapter 8: Making Sure Customers Find You with Search Engine Optimization

12. Chapter 9: Implementing End-to-End Tests Using Playwright

13. Chapter 10: Aggregating and Visualizing Statistics Using MongoDB and Victory

14. Chapter 11: Building a Backend with a GraphQL API

15. Chapter 12: Interfacing with GraphQL on the Frontend Using Apollo Client

16. Part 4:Exploring an Event-Based Full-Stack Architecture

17. Chapter 13: Building an Event-Based Backend Using Express and Socket.IO

18. Chapter 14: Creating a Frontend to Consume and Send Events

19. Chapter 15: Adding Persistence to Socket.IO Using MongoDB

20. Part 5:Advancing to Enterprise-Ready Full-Stack Applications

21. Chapter 16: Getting Started with Next.js

22. Chapter 17: Introducing React Server Components

23. Chapter 18: Advanced Next.js Concepts and Optimizations

24. Chapter 19: Deploying a Next.js App

25. Chapter 20: Diving Deeper into Full-Stack Development

26. Index

Why subscribe?

27. Other Books You May Enjoy

Deploying the Application with Docker and CI/CD

Now that we have successfully developed our first full-stack application with a backend service and a frontend, we are going to package our app into Docker images and learn how to deploy them using continuous integration (CI) and continuous delivery (CD) principles. We have already learned how to start Docker containers in Chapter 2, Getting to Know Node.js and MongoDB. In this chapter, we will learn how to create our own Docker images to instantiate containers from. Then, we are going to manually deploy our application to a cloud provider. Finally, we are going to configure CI/CD to automate the deployment of our application. At the end of this chapter, we will have successfully deployed our first full-stack MongoDB Express React Node.js (MERN) application, and set it up for future automated deployments!

In this chapter, we are going to cover the following main topics: