A modern and responsive Real Estate Listings application built with Next.js 15, Chakra UI, and NProgress.
- ⚡ Next.js 15 – Powerful server-side rendering & static generation
- 🎨 Chakra UI – Elegant, accessible, and responsive UI components
- 🔄 NProgress – Smooth page transitions with a progress bar
- 📱 Responsive Design – Fully optimized for all screen sizes
- 🚀 Blazing Fast – Fast load times & excellent performance
- Node.js v18 or newer
- Package manager: npm, yarn, or pnpm
# 1. Clone the repository
git clone https://github.com/daveontrack/real-estate-app.git
cd real-estate-app
# 2. Install dependencies
npm install # or yarn install / pnpm install
# 3. Run the development server
npm run dev # or yarn dev / pnpm dev🔗 Open your browser at http://localhost:3000
real-estate-app/
├── components/ # Reusable UI components
├── pages/ # App pages and API routes
│ ├── api/ # Backend API routes
├── public/ # Static assets (images, etc.)
├── styles/ # Global styles
├── .gitignore
├── package.json
├── README.md
└── next.config.js # Next.js configuration
| Command | Description |
|---|---|
npm run dev |
Start the dev servers |
npm run build |
Build the app for production |
npm start |
Start the production server |
npm run lint |
Run ESLint for code linting |
npm run format |
Format code using Prettier |
Deploy instantly on Vercel with one click:
- 🌐 Netlify
- ☁️ AWS
- 💧 Digital Ocean
- 🔥 Heroku
📘 See Next.js Deployment Docs
- 🧠 Next.js – React framework
- 🎨 Chakra UI – UI component library
- 📈 NProgress – Loading progress bar
- 💎 React Icons – Icon pack
- 🧹 ESLint – JavaScript linter
- 🧼 Prettier – Code formatter
Contributions are welcome! Please follow these steps to contribute:
# 1. Fork the repository
# 2. Create a feature branch
git checkout -b feature/YourAmazingFeature
# 3. Make your changes & commit
git commit -m "✨ Add YourAmazingFeature"
# 4. Push to your branch
git push origin feature/YourAmazingFeature
# 5. Open a Pull Request 🚀Your Name 📧 your.email@example.com 🐦 @yourtwitter 🔗 Project Repository