Book Image

Full Stack FastAPI, React, and MongoDB

By : Marko Aleksendrić
4 (1)
Book Image

Full Stack FastAPI, React, and MongoDB

4 (1)
By: Marko Aleksendrić

Overview of this book

If you need to develop web applications quickly, where do you turn? Enter the FARM stack. The FARM stack combines the power of the Python ecosystem with REST and MongoDB and makes building web applications easy and fast. This book is a fast-paced, concise, and hands-on beginner’s guide that will equip you with the skills you need to quickly build web applications by diving just deep enough into the intricacies of the stack's components. The book quickly introduces each element of the stack and then helps you merge them to build a medium-sized web application. You'll set up a document store with MongoDB, build a simple API with FastAPI, and create an application with React. Security is crucial on the web, so you'll learn about authentication and authorization with JSON Web Tokens. You'll also understand how to optimize images, cache responses with Redis, and add additional features to your application as well as explore tips, tricks, and best practices to make your development experience a breeze. Before you know it, you'll be deploying the application to different platforms. By the end of this book, you will have built a couple of functional applications efficiently and will have the springboard you need to delve into diverse and more specialized domains.

Related Content you might be interested in

Current Title:

Small book image
Full Stack FastAPI, React, and MongoDB
Marko Aleksendrić
Sep, 2022 | 336 pages
Small book image
Building Python Web APIs with FastAPI
Abdulazeez Abdulazeez Adeshina
Jul, 2022 | 216 pages
Small book image
Real-World Next.js
Michele Riva
Feb, 2022 | 366 pages
Small book image
Building Data Science Applications with FastAPI
François Voron
Oct, 2021 | 426 pages
Table of Contents (17 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Download the color images
Conventions used
Get in touch
Share Your Thoughts
1
Part 1 – Introduction to the FARM Stack and the Components
Part 1 – Introduction to the FARM Stack and the Components
Free Chapter
2
Chapter 1: Web Development and the FARM Stack
Chapter 1: Web Development and the FARM Stack
What is the FARM stack and how does it fit together?
Why use MongoDB?
Introducing FastAPI
The frontend – React
Summary
3
Chapter 2: Setting Up the Document Store with MongoDB
Chapter 2: Setting Up the Document Store with MongoDB
Technical requirements
The structure of a MongoDB database
Installing MongoDB and friends
MongoDB querying and CRUD operations
Aggregation framework
Summary
4
Chapter 3: Getting Started with FastAPI
Chapter 3: Getting Started with FastAPI
Technical requirements
FastAPI in a nutshell
How does FastAPI speak REST?
Let’s build a showcase API!
Summary
5
Chapter 4: Setting Up a React Workflow
Chapter 4: Setting Up a React Workflow
Technical requirements
Let’s Create (a) React App
JSX and the Components – the building blocks
React Hooks, events, and state
Communicate with APIs using useEffect
Exploring React Router and other goodies
Summary
6
Part 2 – Parts of the Stack Working Together
Part 2 – Parts of the Stack Working Together
7
Chapter 5: Building the Backend for Our Application
Chapter 5: Building the Backend for Our Application
Technical requirements
Introducing our app
Creating a MongoDB instance for our app
Creating our FastAPI backend
Deployment to Heroku
Summary
8
Chapter 6: Building the Frontend of the Application
Chapter 6: Building the Frontend of the Application
Technical requirements
Creating our Frontend with React
Summary
9
Chapter 7: Authentication and Authorization
Chapter 7: Authentication and Authorization
Technical requirements
Understanding JSON Web Token – our key to security
FastAPI backend with users and relationships
Authenticating the users in React
Summary
10
Part 3 – Deployment and Final Thoughts
Part 3 – Deployment and Final Thoughts
11
Chapter 8: Server-Side Rendering and Image Processing with FastAPI and Next.js
Chapter 8: Server-Side Rendering and Image Processing with FastAPI and Next.js
Technical requirements
Introduction to our Sample App
Managing images and files in the backend
Introduction to Next.js and our frontend project
Deployment to Heroku and Vercel
Summary
12
Chapter 9: Building a Data Visualization App with the FARM Stack
Chapter 9: Building a Data Visualization App with the FARM Stack
Technical requirements
The specification
Creating the backend
Building the frontend with SWR and Charts.js
Summary
13
Chapter 10: Caching with Redis and Deployment on Ubuntu (DigitalOcean) and Netlify
Chapter 10: Caching with Redis and Deployment on Ubuntu (DigitalOcean) and Netlify
Deploying FastAPI on DigitalOcean (or really any Linux server!)
Adding caching with Redis
Deploying the Frontend on Netlify
Summary
14
Chapter 11: Useful Resources and Project Ideas
Chapter 11: Useful Resources and Project Ideas
MongoDB considerations
FastAPI and Python considerations
React practices
Other topics
Some project ideas to get started
Summary
15
Index
Index
Why subscribe?
16
Other Books You May Enjoy
Other Books You May Enjoy
Packt is searching for authors like you

Preface

FastAPI is a Python-based asynchronous web framework for building fast and performant APIs (REST or GraphQL) that has seen great growth in popularity over the last couple of years. It enables developers to create flexible and powerful standards-compliant APIs as it is based on Python type hinting, it provides automatic documentation out of the box, and its performance is comparable to APIs developed in Go or Node.js.

React is arguably still the most popular solution for building user interfaces on the web. It is a library that adopts a declarative approach and simplifies the workflow by allowing developers to use only JavaScript or JSX, without a templating engine. With frameworks such as Next.js and a Node.js server, React enables us to create server-side generated or statically created web pages, while it is relatively easy to reuse an existing code base in React Native (for native applications), and with the plethora of third-party libraries, one of the strongest online communities, and the introduction of the Hooks mechanism, it has you covered whatever your specific need might be.

MongoDB is the most popular NoSQL database solution and offers numerous benefits – it is flexible and schemaless, it’s ideal for rapid prototyping, and it is also highly scalable and fast.

Combined together, these technologies blend very well, and though they bear a funny acronym (the FARM stack), they allow for a pleasant and fast developer experience, offer speed and flexibility, but most importantly, the opportunity to peruse the wide Python ecosystem, which is suitable for the most diverse problems – from data science and machine learning to analytics and image processing, task automation, and more.

This book aims to teach you how to design, build and deploy fast, scalable, standards-compliant, and flexible full-stack applications in an efficient and, hopefully, fun way. By the end of this book, you should be comfortable modeling the most diverse business problems with fluid requirements through a set of modern technologies and online services.

Previous Section
Next Section