About RealStatic

RealStatic template is a pre-designed layout for static websites focused on real estate. This modern and sleek real estate website template is perfect for any real estate agency, property management company, or real estate professional looking to market their properties online. With a clean and responsive design, this template makes it easy for visitors to browse properties and get in touch with your team. In addition, our web template is well-optimized for ensuring your website looks great and performs well on all devices and platforms. Overall, our real estate web template is the perfect choice for anyone looking to create a high-quality, user-friendly, and effective website for their real estate business. Try it out today and see the difference for yourself!

Getting Started

To get started with RealStatic, follow the steps below:

Download the Site Source Codes

1. Download the source codes of the RealStatic website template.

Prerequisites

Before starting with RealStatic, make sure you have the following:

• Node.js (opens in a new tab) version 16.14 or above:
  • During the installation of Node.js, it is recommended to check all checkboxes related to dependencies.

Start Your Site

To run the development server and launch your RealStatic website, follow these steps:

1. Open a command prompt or terminal.

2. Navigate to the directory where the RealStatic source codes are located by using the cd command. For example:

   cd realstatic-nextjs

   This command changes the directory to the realstatic-nextjs folder, where the site source codes are stored.

3. Install the necessary packages for the site by running the following command:

   npm install

   This command will download and install all the required packages and dependencies for the RealStatic website.

4. Start the development server by running the following command:

   npm run dev

   This command will build your website locally and launch a development server. You can access your site by visiting http://localhost:3000/ (opens in a new tab) in your web browser.

   Now you can view and interact with your RealStatic website on your local machine.

Note: Make sure to keep the command prompt or terminal open while you are working on your RealStatic website. Any changes you make to the source codes will be automatically reflected in the browser.

Folder Structure

RealStatic maintain nextjs 13 folder structure. Furthermore, We have use jsx to create the files. Full folder structure is geven below:

RealStatic
├─ app
│   |── layout.js
|   |── page.jsx
|   |── not-found.jsx
|   |── favicon.ico
|   |── global.css
|   └── blogs
|       |── page.jsx
|       └── [slug]
|            |── page.jsx
|   └── contact
|       |── page.jsx
|   └── About
|       |── page.jsx
|   └── agent
|       |── page.jsx
|       └── [id]
|            |── page.jsx
|   └── homepage2
|       |── page.jsx
|   └── license
|        |── page.jsx
|   └── privacy
|        |── page.jsx
|   └── license
|        |── page.jsx
|   └── property
|       |── page.jsx
|       └── [id]
|            |── page.jsx
|   └── search
|        |── page.jsx
|── components
|   |── AboutHero.jsx
|   |── BlogArea.jsx
|   |── BlogArticle.jsx
|   |── BlogFilter.jsx
|   |── BlogPagination.jsx
|   |── Company.jsx
|   |── Counter.jsx
|   |── CreateAccount.jsx
|   |── Feature.jsx
|   |── FeatureBottom.jsx
|   |── FeatureTop.jsx
|   |── Footer.jsx
|   |── ForgetPassword.jsx
|   |── Hero.jsx
|   |── HeroTwo.jsx
|   |── HomeBlog.jsx
|   |── Login.jsx
|   |── MainBlogArea.jsx
|   |── MainPropertyArea.jsx
|   |── Navbar.jsx
|   |── NewPassword.jsx
|   |── NewsLetter.jsx
|   |── Otp.jsx
|   |── Pagination.jsx
|   |── PropertiesArea.jsx
|   |── PropertyCard.jsx
|   |── PropertyFilter.jsx
|   |── PropertyMapInfo.jsx
|   |── PropertyPagination.jsx
|   |── PropertySlider.jsx
|   |── Services.jsx
|   |── SocialMediaShare.jsx
|   |── Team.jsx
|   |── TeamMember.jsx
|   |── Testimonial.jsx
|   |── TestimonialV2.jsx
|   |── WorkArea.jsx
|
├─ data
│   |── data.js
│   |── svgImages.js
|   └── blogs
|       |── blog page's Markdown files
├─ context
|   └── BlogContext.jsx
├─ hooks
|   └── useAnimation.js
|   └── useTitle.js
├─ public
|   └── Images
|       |── All image files
├─ scss
|   └── Style Related SASS Files
├─ utils
|   └── CounterUp.js
|   └── getMarkDownContent.js
|   └── getMarkdownData.js
├─ jsconfig.json
├─ package.json