Real estate agent - Din Mægler

Fake real estate agent homepage containg fictional real estate listings and agents. The adresses of the properties are fictional. The streets names exist, but the house numbers are made up.

The page is created using Next.js and typescript.

Technologies

• Next.js
• TypeScript
• React
• Tailwind CSS
• Swiper JS (Gallery overlay on property detail page)
• Mapbox GL (map overlay on property detail page)

View the project live at: https://dinmaegler-theta.vercel.app

Please note!

Please beware that data comes from an api host at render.com on a free plan. This means that it takes a while to spin up.

The home page is statically rendered and the list views are heavily cached, but all detail pages are dynamically rendered. Next.js will display a connection time-out if the api is sleeping. The api will usually respond after approximately one minute. Please have some patience when viewing.