Skip to main content

Introduction

Thank you for choosing RealEstatePro.

RealEstatePro is a RealEstate, multi-layout NextJs admin template featuring custom made Application and Page layouts, UI elements and UX best practices.

In this documentation, you will find starter guides and API documentation of the custom made RealEstatePro components.

Main libraries​

RealEstatePro powered by 3 main libraries; NextJS, Mantine and TailwindCSS:

  • Next.js:

    • Used by some of the world's largest companies, Next.js enables you to create full-stack web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.

  • Mantine:

    • Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 40 hooks to cover you in any situation.

  • Tailwind:

    • A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.

What you'll need​

  • Node.js version 16.14 or above:
    • When installing Node.js, you are recommended to check all checkboxes related to dependencies.

Start your site​

Run the development server:

cd RealEstatePro
npm i
npm run dev

if you found any dependency error run below command

npm install-peerdeps

The cd command changes the directory you're working with. In order to work with your newly created RealEstatePro site, you'll need to navigate the terminal there.

The npm run dev command builds your website locally and serves it through a development server, ready for you to view at http://localhost:3000/.

Open docs/intro.md (this page) and edit some lines: the site reloads automatically and displays your changes.

Click Below for demo video of installation.

https://youtu.be/A-rtkxitfFo