{"id":2118,"date":"2025-03-24T20:27:47","date_gmt":"2025-03-24T20:27:47","guid":{"rendered":"https:\/\/www.devopsconsulting.in\/blog\/?p=2118"},"modified":"2025-03-24T20:28:28","modified_gmt":"2025-03-24T20:28:28","slug":"https-www-devopsconsulting-in-blog-auto-draft","status":"publish","type":"post","link":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/","title":{"rendered":"Comprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB"},"content":{"rendered":"\n

Here’s a comprehensive guide to creating a CRUD (Create, Read, Update, Delete)<\/strong> application using Express.js<\/strong>, React.js<\/strong>, and MongoDB<\/strong>. This guide will cover the backend setup<\/strong> (with Express and MongoDB) and the frontend setup<\/strong> (with React). The full-stack application will allow you to perform CRUD operations<\/p>\n\n\n\n

1. Backend Setup (Express.js and MongoDB)<\/strong><\/h3>\n\n\n\n
\n\n\n\n

Step 1: Initialize the Node.js Project<\/strong><\/h3>\n\n\n\n
    \n
  1. Open your terminal or command prompt, and navigate to the folder where you want to create the project: mkdir express-react-mongo-crud cd express-react-mongo-crud<\/code><\/li>\n\n\n\n
  2. Initialize a new Node.js project: npm init -y<\/code><\/li>\n<\/ol>\n\n\n\n
    \n\n\n\n

    Step 2: Install Dependencies<\/strong><\/h3>\n\n\n\n

    Install the necessary backend dependencies using npm:<\/p>\n\n\n\n

    npm install express mongoose cors dotenv\n<\/code><\/pre>\n\n\n\n
      \n
    • express<\/code>: Web framework for Node.js.<\/li>\n\n\n\n
    • mongoose<\/code>: MongoDB ORM to interact with MongoDB.<\/li>\n\n\n\n
    • cors<\/code>: To enable cross-origin resource sharing.<\/li>\n\n\n\n
    • dotenv<\/code>: To manage environment variables (e.g., MongoDB URI).<\/li>\n<\/ul>\n\n\n\n
      \n\n\n\n
      Step 3: Set Up Express Server<\/strong><\/h3>\n\n\n\n
        \n
      1. Create the server.js<\/code> file in the root directory of the project: touch server.js<\/code><\/li>\n\n\n\n
      2. Add the following code to server.js<\/code> to set up Express and MongoDB: <\/li>\n<\/ol>\n\n\n\n
        const express = require('express'); const mongoose = require('mongoose'); const cors = require('cors'); require('dotenv').config(); \/\/ For environment variables \/\/ Initialize the app const app = express(); \/\/ Set up middleware app.use(cors()); app.use(express.json()); \/\/ For parsing JSON data \/\/ MongoDB connection mongoose.connect(process.env.MONGO_URI, { useNewUrlParser: true, useUnifiedTopology: true }) .then(() => console.log('MongoDB connected')) .catch((err) => console.log('MongoDB connection error: ' + err)); \/\/ Define routes const itemRoutes = require('.\/routes\/items'); app.use('\/api\/items', itemRoutes); \/\/ Basic route to check server app.get('\/', (req, res) => { res.send('Hello World'); }); \/\/ Start the server const port = process.env.PORT || 5000; app.listen(port, () => { console.log(`Server running on port: ${port}`); });<\/code><\/code><\/pre>\n\n\n\n
          \n
        1. Create a .env<\/code> file to store your MongoDB URI: touch .env<\/code><\/li>\n\n\n\n
        2. Add the following MongoDB connection string to the .env<\/code> file (adjust for your MongoDB instance): MONGO_URI=mongodb:\/\/localhost:27017\/crud_app<\/code><\/li>\n<\/ol>\n\n\n\n
          \n\n\n\n
          Step 4: Create MongoDB Model<\/strong><\/h3>\n\n\n\n
            \n
          1. Create a models<\/code> folder to store the database models: mkdir models<\/code><\/li>\n\n\n\n
          2. Create a Item.js<\/code> file inside the models<\/code> folder: touch models\/Item.js<\/code><\/li>\n\n\n\n
          3. Add the following code to define the Item<\/code> model in Item.js<\/code>: const mongoose = require('mongoose'); const itemSchema = new mongoose.Schema({ name: { type: String, required: true }, description: { type: String, required: true }, }); module.exports = mongoose.model('Item', itemSchema);<\/code><\/li>\n<\/ol>\n\n\n\n
            \n\n\n\n
            Step 5: Create Routes for CRUD Operations<\/strong><\/h3>\n\n\n\n
              \n
            1. Create a routes<\/code> folder to store the route definitions: mkdir routes<\/code><\/li>\n\n\n\n
            2. Create a items.js<\/code> file inside the routes<\/code> folder: touch routes\/items.js<\/code><\/li>\n\n\n\n
            3. Add the following CRUD routes to items.js<\/code>:<\/li>\n<\/ol>\n\n\n\n
               const express = require('express'); const Item = require('..\/models\/Item'); const router = express.Router(); \/\/ Create a new item router.post('\/', async (req, res) => { const { name, description } = req.body; try { const newItem = new Item({ name, description }); await newItem.save(); res.status(201).json(newItem); } catch (error) { res.status(500).json({ error: error.message }); } }); \/\/ Get all items router.get('\/', async (req, res) => { try { const items = await Item.find(); res.status(200).json(items); } catch (error) { res.status(500).json({ error: error.message }); } }); \/\/ Get a single item router.get('\/:id', async (req, res) => { try { const item = await Item.findById(req.params.id); if (!item) return res.status(404).json({ error: 'Item not found' }); res.status(200).json(item); } catch (error) { res.status(500).json({ error: error.message }); } }); \/\/ Update an item router.put('\/:id', async (req, res) => { try { const updatedItem = await Item.findByIdAndUpdate(req.params.id, req.body, { new: true }); if (!updatedItem) return res.status(404).json({ error: 'Item not found' }); res.status(200).json(updatedItem); } catch (error) { res.status(500).json({ error: error.message }); } }); \/\/ Delete an item router.delete('\/:id', async (req, res) => { try { const deletedItem = await Item.findByIdAndDelete(req.params.id); if (!deletedItem) return res.status(404).json({ error: 'Item not found' }); res.status(200).json({ message: 'Item deleted' }); } catch (error) { res.status(500).json({ error: error.message }); } }); module.exports = router;<\/code><\/code><\/pre>\n\n\n\n
                \n
              1. Now your backend is set up to handle CRUD operations for items.<\/li>\n<\/ol>\n\n\n\n
                \n\n\n\n
                2. Frontend Setup (React.js)<\/strong><\/h3>\n\n\n\n
                \n\n\n\n
                Step 1: Create the React App<\/strong><\/h3>\n\n\n\n
                  \n
                1. Open a new terminal, navigate to the root folder of your project, and create a new React app inside the client<\/code> folder: npx create-react-app client cd client<\/code><\/li>\n\n\n\n
                2. Install Axios<\/strong> to handle HTTP requests: npm install axios<\/code><\/li>\n<\/ol>\n\n\n\n
                  \n\n\n\n
                  Step 2: Create Items.js<\/code> Component<\/strong><\/h3>\n\n\n\n
                    \n
                  1. Inside the src<\/code> folder of your React app (client\/src<\/code>), create a new file named Items.js<\/code>: touch src\/Items.js<\/code><\/li>\n\n\n\n
                  2. Add the following code to Items.js<\/code> for fetching and displaying items:<\/li>\n<\/ol>\n\n\n\n
                     import React, { useState, useEffect } from 'react'; import axios from 'axios'; const Items = () => { const [items, setItems] = useState([]); const [name, setName] = useState(''); const [description, setDescription] = useState(''); const [editingItem, setEditingItem] = useState(null); \/\/ Fetch all items from backend useEffect(() => { axios.get('http:\/\/localhost:5000\/api\/items') .then(response => setItems(response.data)) .catch(error => console.log(error)); }, []); \/\/ Add a new item const handleAddItem = () => { axios.post('http:\/\/localhost:5000\/api\/items', { name, description }) .then(response => { setItems([...items, response.data]); setName(''); setDescription(''); }) .catch(error => console.log(error)); }; \/\/ Handle editing an item const handleEditItem = (item) => { setEditingItem(item); setName(item.name); setDescription(item.description); }; \/\/ Update an item const handleUpdateItem = () => { axios.put(`http:\/\/localhost:5000\/api\/items\/${editingItem._id}`, { name, description }) .then(response => { setItems(items.map(item => (item._id === response.data._id ? response.data : item))); setEditingItem(null); setName(''); setDescription(''); }) .catch(error => console.log(error)); }; \/\/ Delete an item const handleDeleteItem = (id) => { axios.delete(`http:\/\/localhost:5000\/api\/items\/${id}`) .then(() => setItems(items.filter(item => item._id !== id))) .catch(error => console.log(error)); }; return ( <div> <h1>CRUD Application<\/h1> <input type=\"text\" value={name} onChange={(e) => setName(e.target.value)} placeholder=\"Item name\" \/> <input type=\"text\" value={description} onChange={(e) => setDescription(e.target.value)} placeholder=\"Item description\" \/> <button onClick={editingItem ? handleUpdateItem : handleAddItem}> {editingItem ? 'Update Item' : 'Add Item'} <\/button> <ul> {items.map(item => ( <li key={item._id}> {item.name} - {item.description} <button onClick={() => handleEditItem(item)}>Edit<\/button> <button onClick={() => handleDeleteItem(item._id)}>Delete<\/button> <\/li> ))} <\/ul> <\/div> ); }; export default Items;<\/code><\/code><\/pre>\n\n\n\n
                      <\/ol>\n\n\n\n
                      \n\n\n\n
                      Step 3: Update App.js<\/code> to Render Items<\/code> Component<\/strong><\/h3>\n\n\n\n
                        \n
                      1. Open src\/App.js<\/code> and update it to include the Items<\/code> component: import React from 'react'; import '.\/App.css'; import Items from '.\/Items'; function App() { return ( <div className=\"App\"> <Items \/> <\/div> ); } export default App;<\/code><\/li>\n<\/ol>\n\n\n\n
                        \n\n\n\n
                        Step 4: Run React and Express Servers<\/strong><\/h3>\n\n\n\n
                          \n
                        1. In your client<\/code> folder, run the React development server: npm start<\/code><\/li>\n\n\n\n
                        2. In the root folder, run the Express backend server: node server.js<\/code><\/li>\n<\/ol>\n\n\n\n
                          OutPut:<\/strong><\/h4>\n\n\n\n
                          \"\"<\/figure>\n\n\n\n
                          \n\n\n\n
                          Summary<\/strong><\/h3>\n\n\n\n
                            \n
                          • Backend<\/strong>: Set up Express and MongoDB to handle CRUD operations via API routes (\/api\/items<\/code>).<\/li>\n\n\n\n
                          • Frontend<\/strong>: Created a React component (Items.js<\/code>) to interact with the backend, using Axios for HTTP requests to perform CRUD actions (add, update, delete, fetch items).<\/li>\n\n\n\n
                          • Running both servers<\/strong>: Use npm start<\/code> for the React frontend and node server.js<\/code> for the backend server.<\/li>\n<\/ul>\n\n\n\n
                            You now have a full-stack CRUD application with Express<\/strong>, React<\/strong>, and MongoDB<\/strong>. Let me know if you need further help or clarification!<\/p>\n","protected":false},"excerpt":{"rendered":"
                            Here’s a comprehensive guide to creating a CRUD (Create, Read, Update, Delete) application using Express.js, React.js, and MongoDB. This guide will cover the backend setup (with Express… <\/p>\n","protected":false},"author":2,"featured_media":2120,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"\nComprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB - DevOps Consulting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB - DevOps Consulting\" \/>\n<meta property=\"og:description\" content=\"Here’s a comprehensive guide to creating a CRUD (Create, Read, Update, Delete) application using Express.js, React.js, and MongoDB. This guide will cover the backend setup (with Express...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/\" \/>\n<meta property=\"og:site_name\" content=\"DevOps Consulting\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-24T20:27:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-24T20:28:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2025\/03\/image-8.png\" \/>\n\t<meta property=\"og:image:width\" content=\"722\" \/>\n\t<meta property=\"og:image:height\" content=\"717\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Abhishek Singh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Abhishek Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/\"},\"author\":{\"name\":\"Abhishek Singh\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\"},\"headline\":\"Comprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB\",\"datePublished\":\"2025-03-24T20:27:47+00:00\",\"dateModified\":\"2025-03-24T20:28:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/\"},\"wordCount\":415,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/image-8.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/\",\"name\":\"Comprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB - DevOps Consulting\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/image-8.png\",\"datePublished\":\"2025-03-24T20:27:47+00:00\",\"dateModified\":\"2025-03-24T20:28:28+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/https-www-devopsconsulting-in-blog-auto-draft\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/image-8.png\",\"contentUrl\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/image-8.png\",\"width\":722,\"height\":717},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/\",\"name\":\"DevOps Consulting\",\"description\":\"DevOps Consulting | SRE Consulting | DevSecOps Consulting | MLOps Consulting\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/#\\\/schema\\\/person\\\/fc397ba8be42f9fdd53450edfc73006f\",\"name\":\"Abhishek Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g\",\"caption\":\"Abhishek Singh\"},\"description\":\"I\u2019m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I\u2019ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains: \u2022 DevOps School \u2013 Tech blogs and tutorials \u2022 Holiday Landmark \u2013 Travel stories and guides \u2022 Stocks Mantra \u2013 Stock market strategies and tips \u2022 My Medic Plus \u2013 Health and fitness guidance \u2022 TrueReviewNow \u2013 Honest product reviews \u2022 Wizbrand \u2013 SEO and digital tools for businesses I\u2019m also exploring the fascinating world of Quantum Computing.\",\"url\":\"https:\\\/\\\/www.devopsconsulting.in\\\/blog\\\/author\\\/abhishek\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB - DevOps Consulting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/","og_locale":"en_US","og_type":"article","og_title":"Comprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB - DevOps Consulting","og_description":"Here’s a comprehensive guide to creating a CRUD (Create, Read, Update, Delete) application using Express.js, React.js, and MongoDB. This guide will cover the backend setup (with Express...","og_url":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/","og_site_name":"DevOps Consulting","article_published_time":"2025-03-24T20:27:47+00:00","article_modified_time":"2025-03-24T20:28:28+00:00","og_image":[{"width":722,"height":717,"url":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2025\/03\/image-8.png","type":"image\/png"}],"author":"Abhishek Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Abhishek Singh","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/#article","isPartOf":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/"},"author":{"name":"Abhishek Singh","@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f"},"headline":"Comprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB","datePublished":"2025-03-24T20:27:47+00:00","dateModified":"2025-03-24T20:28:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/"},"wordCount":415,"commentCount":0,"image":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/#primaryimage"},"thumbnailUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2025\/03\/image-8.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/","url":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/","name":"Comprehensive Guide to Building a Full-Stack CRUD App with React, Express, and MongoDB - DevOps Consulting","isPartOf":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/#primaryimage"},"image":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/#primaryimage"},"thumbnailUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2025\/03\/image-8.png","datePublished":"2025-03-24T20:27:47+00:00","dateModified":"2025-03-24T20:28:28+00:00","author":{"@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.devopsconsulting.in\/blog\/https-www-devopsconsulting-in-blog-auto-draft\/#primaryimage","url":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2025\/03\/image-8.png","contentUrl":"https:\/\/www.devopsconsulting.in\/blog\/wp-content\/uploads\/2025\/03\/image-8.png","width":722,"height":717},{"@type":"WebSite","@id":"https:\/\/www.devopsconsulting.in\/blog\/#website","url":"https:\/\/www.devopsconsulting.in\/blog\/","name":"DevOps Consulting","description":"DevOps Consulting | SRE Consulting | DevSecOps Consulting | MLOps Consulting","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.devopsconsulting.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.devopsconsulting.in\/blog\/#\/schema\/person\/fc397ba8be42f9fdd53450edfc73006f","name":"Abhishek Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/790feefe779852cdf344ca7318bf6c13832223c9b3c6bf4d217658412041026d?s=96&d=mm&r=g","caption":"Abhishek Singh"},"description":"I\u2019m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I\u2019ve had the opportunity to work with Cotocus and continue to contribute to multiple platforms where I share insights across different domains: \u2022 DevOps School \u2013 Tech blogs and tutorials \u2022 Holiday Landmark \u2013 Travel stories and guides \u2022 Stocks Mantra \u2013 Stock market strategies and tips \u2022 My Medic Plus \u2013 Health and fitness guidance \u2022 TrueReviewNow \u2013 Honest product reviews \u2022 Wizbrand \u2013 SEO and digital tools for businesses I\u2019m also exploring the fascinating world of Quantum Computing.","url":"https:\/\/www.devopsconsulting.in\/blog\/author\/abhishek\/"}]}},"_links":{"self":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/2118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/comments?post=2118"}],"version-history":[{"count":2,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/2118\/revisions"}],"predecessor-version":[{"id":2122,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/posts\/2118\/revisions\/2122"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/media\/2120"}],"wp:attachment":[{"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/media?parent=2118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/categories?post=2118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopsconsulting.in\/blog\/wp-json\/wp\/v2\/tags?post=2118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}