Discussing the core forem open source software project — features, bugs, performance, self-hosting. I will be using a Ubuntu 20.04 clean installation to develop this tutorial series, so the installation instructions will be specific for Linux (sorry Windows fans). As much as I don’t like Buzzfeed, I used the site to create this silly little quiz about capybaras.
- We will use the “issues” collection in the next part of this series when we discuss the “FastAPI” part of the Docker Compose FARM stack we are building.
- This was a fun quiz that my boyfriend and I made in like half an hour about capybaras based off of some internet memes/ our own capybara lore we’ve built together.
- You should see a new item, but if you don’t you can go back to the response and debug it (you may have to refresh the database if you already had the page open).
- So rather than installing each of these technologies on my laptop, I create the application stacks using Docker Compose.
And the following parts of the series will build upon each other. Now we can make variables for our database and collection, and then make a bunch of functions to modify the collection’s data. A collaborative community for all things Crypto—from Bitcoin to protocol development and DeFi to NFTs and market analysis. Explore how AI and MongoDB Atlas Vector Search are enabling a new generation of smart, context-aware applications. Watch to learn the fundamentals of the world’s most popular NoSQL database, MongoDB.
By the end of this tutorial you will learn all the necessary steps to develop, test an deploy a FARM stack application. To make sure the MongoDB data is persistent we map the directory on the host where the MongoDB data will be stored. If you do not map a volume to store the data, then the “mongo” service container will start fresh with no data every time it is restarted. The “restart” option will be set to “always” for the “mongo” and “mongo-express” services.
I will be showing you how to deploy with submodules in this tutorial, but I’m sure you can find a way to deploy without using them if you look into it. We will also map an install directory to the directory “/docker-entrypoint-initdb.d” in the “mongo” service. This directory contains an install script that runs “mongoimport” to install initial data in a compressed https://limefx.group/ data file containing JSON entries on each line. A high-performance, rapid development, Python-based development stack for rich web applications — that’s the FARM stack. Comprising FastAPI, React, and MongoDB, the FARM stack provides a development environment that shortens time to production for today’s modern web apps. Welcome to this tutorial series about building a FARM stack application.
Data model design
By combining these technologies, the FARM stack provides a comprehensive solution for building modern web applications. It allows developers to create fast, scalable backends with FastAPI, intuitive and responsive frontends with React, and flexible, efficient data storage with MongoDB. This stack is particularly well-suited for applications that require real-time updates, complex data models, and high performance. This is where we will place the configuration for the MongoDB part of the stack.
Building a FARM Stack Application — Part 2 — Creating an API
Discussing AI software development, and showing off what we’re building. I will be showing two methods, one using my CLI create-farm-app, and one manually. Both are pretty simple, but if you prefer not to set up all that much yourself, you can use the CLI.
Git Setup
Make sure to add the database name (“todo”) at the end of “.mongodb.net/”. This implementation sets up the FastAPI server with CORS middleware, connects to MongoDB, and defines the API endpoints for our todo application. The FARM stack is designed to leverage the strengths of each component, allowing developers to create feature-rich applications with a smooth development experience. As for using MongoDB as a database, I find it easy to work with using Python, since the BSON documents resemble dict type objects. Especially given that storage is so much more cost effective than when I started my career. I am also finding that the MongoDB aggregation pipelines are good enough for basic reporting needs.
We’re a place where coders share, stay up-to-date and grow their careers. A community for makers, hobbyists, and professionals to discuss Arduino, Raspberry Pi, 3D printing, and much more. See how real companies are using generative AI technologies to accelerate time to value, optimize costs, and improve customer satisfaction. FastAPI is the perfect back-end solution for your React front end. Its tight integration with Pydantic works perfectly with MongoDB’s document data model.
Let’s Build and Deploy a FARM Stack app
You will need to run your favorite text editor to modify the files and scripts used in this series. In this series, I will share my experience building a FARM stack with Docker Compose. The first part of this series will focus on the MongoDB part of the stack.
Project Tutorial
This concludes Part 2 of the tutorial, where we implemented the FastAPI server, set up environment variables, created a docker-compose file, and configured Nginx. In the next part, we’ll focus on setting up the React frontend for our FARM stack todo application. Congratulations on completing this comprehensive FARM stack tutorial! By building this todo application, you’ve gained hands-on experience with some of the most powerful and popular technologies in modern web development.
- Make sure to add the database name (“todo”) at the end of “.mongodb.net/”.
- Explore how AI and MongoDB Atlas Vector Search are enabling a new generation of smart, context-aware applications.
- Have you ever written a full stack application with React, Angular, or Vue?
- To make sure the MongoDB data is persistent we map the directory on the host where the MongoDB data will be stored.
- When it is done, hit the “Browse Collections” button and insert a new database and collection named “TodoDatabase” and “todos” respectively.
The service “mongo-express” is for the convenient web user interface that can be used to connect to the MongoDB server. If you are familiar with MongoDB you can use your preferred MongoDB client. I do a lot of development on my laptop with Ubuntu Linux installed on it. So rather than installing each of these technologies on my laptop, I create the application stacks using Docker Compose. If I move my work to my Windows Surface laptop I can use the same docker-compose.yml and corresponding files to get up and running quickly. I prefer this setup to one big repository mainly because it’s easier to deploy.
When it is done, hit the “Browse Collections” button and insert a new database and collection named “TodoDatabase” and “todos” respectively. This concludes Part 1 of the tutorial, where we set up the project structure and implemented the Data Access Layer for our FARM stack todo application. In the next part, we’ll implement the FastAPI server and create the API endpoints.
This project has demonstrated how these technologies work together seamlessly to create a full-featured, scalable web application. This concludes Part 3 of the tutorial, where we set up the React frontend for our FARM stack todo application. We’ve created the main App component, the ListTodoLists component for displaying all todo lists, and the ToDoList component for individual todo lists. In the next part, we’ll focus on running and testing the application.
The file “data/mongo-init/issuse.tar.gz” will be unzipped limefx website and imported using the “mongoimport” command found in the install script above. The “mongoimport” command will direct the data to the “farmdata” database and “issues” collection. We use environment variables to hold the values of the database username and passwords.
You have successfully built and tested a FARM stack todo application. This application demonstrates the integration of FastAPI, React, and MongoDB in a full-stack web application. Create a .env file in the root directory with the following content.
You can get a list of the environment variables at the “mongo” and “mongo-express” Docker hub image URLs listed above. If you don’t plan to deploy this app, you can just use a local MongoDB database, but since I will be deploying my app, I will be using their cloud hosting service. Navigate to MongoDB Atlas, and set up a new account, or create a new project if you’ve used this before. Once a project has been created, you can add a cluster for free, with the “Add a Database” button.
By the end of this tutorial you will learn all the necessary steps to develop, test an deploy a FARM application.
If you haven’t already, make a .gitignore file, and put .env inside.Let’s connect to the database now.To do so, we’ll first use dotenv to get the URI from our file. We will be creating a todo application to help us understand the FARM stack. Before we start creating the applicaiton, let’s discuss more about the features and software architecture. Importing the data creates a database called “farmdemo” and the collection “issues” in that database.
Conclusion and Next Steps
Donations to freeCodeCamp go toward our education initiatives, and help pay for servers, services, and staff. In this article, I’ll be giving you an introduction to each of the key technologies, and then we’ll build a project using the FARM stack and Docker so you can see how everything works together. Which means that all information stored in MongoDB is based on documents and these documents have no defined schema (or structure). I like FastAPI because it has an easy-to-use documentation framework built in.
Hit “Try it out” on any of them, but probably start with the add todo one, and then you can perform an operation. Ignore the response for now and check your MongoDB database in the view collections section. You should see a new item, but if you don’t you can go back to the response and debug it (you may have to refresh the database if you already had the page open). You should try out the other operations as well, but if all goes well, you should be able to start working on your frontend.