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

What is Next.js?

Next.js is a React framework that puts together everything you need to create a full-stack web application with React. Its main features are as follows:

Good developer experience out of the box, including hot module reloading, error handling, and more.
File-based routing and nested layouts, route handlers to define API endpoints, all from Next.js.
Internationalization (i18n) support in routing, allowing us to create internationalized routes.
Enhanced server-side and client-side data fetching with caching out of the box.
Middleware to run code before requests are completed.
Options to run API endpoints on serverless runtimes.
Out-of-the-box support for static generation of pages.
Dynamic streaming of components when they are needed, allowing us to show an initial page quickly, and then load other components later.
Advanced client and server rendering, allowing us to not only render React components on the server side (server-side...