RealStatic
Nextjs
Listing Page

Agents

To add a new properties, you need to make changes to the data/data.js file. Follow these steps:

  1. Open the data/data.js file.
  2. Locate the propertiesData array.
  3. Modify the objects within the counterData array to set the desired counter options.
  4. Each object represents a counter option with the following properties:
    • id: Unique identifier for the counter option.
    • title: The Properties Title .
    • location: The location of the property.
    • bath: The Total bath of the property.
    • bed: The Total bed of the property.
    • area: The Total area of the property.
    • type: The type of the property.
    • price: The price of the property.
    • category: The categories of the property.
    • coverImg: The Cover Image of the property.
    • images: The iamges of the property to show on property page.
    • monthlyPayment: The Monthly payment of the property to show on property page.
    • details: The details of the property to show on property page.
    • features: The features of the property to show on property page.
    • agentInfo: The agentInfo of the property to show on property page.
  5. Update the properties with your desired values for each property option.
  6. Example:
export const propertiesData = [
  {
    id: 1,
    title: "Cozy Cottage by the Lake",
    location: "789 Oak St, City, State 54321",
    bed: 2,
    bath: 1,
    area: 800,
    type: "cottage",
    price: 300000,
    category: ["residential", "commercial"],
    coverImg: "/images/properties/properties4.png",
    images: [
      "/images/properties/properties-banner.png",
      "/images/properties/properties-banner2.png",
      "/images/properties/properties-banner3.png",
      "/images/properties/properties-banner22.png",
      "/images/properties/properties-banner33.png",
    ],
    monthlyPayment: 800,
    details: {
      title: "Charming Cottage with Lake Views",
      description: "Escape to this cozy retreat by the lake.",
    },
    features: {
      parking: true,
      outdoor: true,
      ac: false,
      hoa: false,
      persqftprice: 375,
      listed: true,
      buildYear: 2000,
    },
    agentInfo: {
      id: 4,
      img: "/images/agent/agent4.png",
      name: "Sarah Davis",
      rating: 4.7,
      phone: "(555) 123-4567",
      email: "sarah@example.com",
    },
  },
]

Customize the values inside the object according to your new propeties. You can add more agents objects by repeating the above code template.

  1. Save the changes in data/data.js.

Note: Filter option will be automatically added according to the items in type and bed.

Listing List Page

The Listing page fetches data from the propertiesData array located in the data/data.js file. It automatically displays a list of agents posts based on these files. If you want to add more agents, simply create additional items inside propertiesData array following the same structure described above.

The listing page will automatically retrieve the necessary details propertiesData array.

Listing Details Page

Once you have added the prperties object, it will be available in the listing and can be accessed on the Listing details page based on the provided id.

Agent PageBlogs