Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Full Stack FastAPI, React, and MongoDB
  • Table Of Contents Toc
  • Feedback & Rating feedback
Full Stack FastAPI, React, and MongoDB

Full Stack FastAPI, React, and MongoDB - Second Edition

By : Marko Aleksendrić, Shrey Batra, Rachelle Palmer, Shubham Ranjan
5 (1)
close
close
Full Stack FastAPI, React, and MongoDB

Full Stack FastAPI, React, and MongoDB

5 (1)
By: Marko Aleksendrić, Shrey Batra, Rachelle Palmer, Shubham Ranjan

Overview of this book

Discover how to harness the power of the FARM stack—FastAPI, React, and MongoDB—to develop production-ready web applications of varying complexity. Written by a team of industry experts, including MongoDB champions and product leaders, this fast-paced, hands-on guide equips beginners with essential skills to build web applications efficiently. Introducing each element of the stack, the book demonstrates how to seamlessly integrate them to create a medium-sized web application. You'll set up MongoDB as a document store, construct a simple API with FastAPI, and build an application using React. The guide also covers enhancing application security through authentication and authorization with JSON Web Tokens. Beyond mastering the stack, you'll get to grips with integrating Large Language Models (like ChatGPT) for advanced functionality, such as automated email sending. Additionally, you'll learn how to make the most of Next.js 14, a robust full-stack framework offering improved developer experience. By the end of the book, you'll have created functional applications and gained the foundation to explore diverse and more specialized domains, expanding your development horizons.
Table of Contents (14 chapters)
close
close

Creating a Vite React application

In this section you will scaffold a Vite React application and set up Tailwind CSS for styling. This procedure has already been covered in Chapter 5, Setting Up a React workflow,, so you can refer to it. Make sure to complete the brief tutorial in Chapter 5, as the following guide is heavily based on the concepts presented therein.

You are going to use the create vite command with the Node package manager to create your project through the following steps:

  1. Open your terminal client in a project directory containing the previously created backend folder, and issue the following command for creating a Vite React project:
    npm create vite@latest frontend-app -- --template react
  2. Now, change the directory to the newly created frontend-app folder and install the dependencies and Tailwind:
    npm install -D tailwindcss postcss autoprefixer
  3. Initialize the Tailwind configuration—the following command creates a blank Tailwind configuration...
Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Full Stack FastAPI, React, and MongoDB
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon