HeavenState - NextJS Real Estate Template

Descrição

Introdução

Heavenestate é um modelo de site imobiliário moderno e repleto de recursos, construído com as mais recentes tecnologias para proporcionar uma experiência de usuário perfeita. Utilizando Node.js, a biblioteca Mantine UI, Next.js 14, Tailwind CSS, React e TypeScript, o Heavenestate oferece uma solução de ponta para exibir propriedades com um design limpo e elegante.

Recursos

• Design Moderno Limpo: O Heavenestate possui um design elegante e contemporâneo que melhora a apresentação de propriedades e proporciona uma experiência de usuário intuitiva.
• Desenvolvido com Tecnologias Atuais: Ao utilizar Node.js, a biblioteca Mantine UI, Next.js 14, Tailwind CSS, React e TypeScript, o Heavenestate garante desempenho e manutenibilidade ideais.
• 6+ Páginas: O modelo inclui mais de seis páginas meticulosamente criadas, abrangendo seções essenciais como página inicial, listagens, detalhes de propriedades e muito mais.
• 20+ Componentes Personalizados: Com um rico conjunto de componentes personalizados, o Heavenestate permite fácil personalização e extensão, aumentando a flexibilidade do modelo.
• 2 Hooks Personalizados: Com dois hooks personalizados, os desenvolvedores podem otimizar tarefas comuns e melhorar a organização do código, contribuindo para um fluxo de desenvolvimento mais eficiente.
• Dados de Exemplo: O Heavenestate vem com dados de exemplo pré-preenchidos, facilitando a prototipagem rápida e o teste das funcionalidades do site.
• Tour Virtual: Integre tours virtuais de forma transparente nas listagens de propriedades, proporcionando aos usuários experiências imersivas e aprimorando a exploração de propriedades.
• Integração de Vídeo: Habilite conteúdo em vídeo nas listagens de propriedades para oferecer contexto visual adicional e engajar os usuários de forma eficaz.
• Incorporação do Google Maps: Incorpore o Google Maps diretamente nas listagens de propriedades, permitindo que os usuários visualizem os locais das propriedades e explorem áreas circundantes com facilidade.
• Site de Carregamento Rápido com React.js: Utilizando tecnologias JamStack para desempenho otimizado.
• Totalmente Responsivo: Garantindo compatibilidade em diversos dispositivos para uma experiência de usuário perfeita.
• Imagens Otimizadas e Comprimidas: Melhorando o desempenho e o tempo de carregamento do site.
• Animações Cativantes Baseadas em Scroll Reveal: Adicionando animações modernas e envolventes para uma experiência de usuário cativante.
• Design Moderno Limpo: Oferecendo uma interface visualmente atraente e fácil de usar.
• Código Fácil de Entender: Código bem comentado para facilitar a compreensão e a personalização.
• Componentes Reutilizáveis: Incentivando a reutilização e manutenibilidade do código.

Tecnologias

• Next.js 14: Estrutura web pronta para produção baseada em React.
• React.js: Biblioteca JavaScript front-end para construção de interfaces de usuário.
• TailwindCSS: Biblioteca moderna de CSS utilitário.
• Mantine: Biblioteca de componentes UI modernos.
• Node.js: Ambiente de execução JavaScript.
• TypeScript: Linguagem de programação principal.
• HTML5, CSS: Tecnologias web essenciais.

Pré-requisitos

• Conhecimento intermediário em ReactJS e Next.js.
• NodeJS 16+.
• Conhecimento básico em HTML/CSS.
• Ferramenta de editor de texto (VSCode, Sublime, Atom) ou IDE.

Instruções

1. Baixe o arquivo zip e extraia-o em uma pasta.
2. Abra o terminal no diretório do projeto.
3. Execute `npm install` ou `yarn install`.
4. Execute `npm dev` ou `yarn dev` para hospedar em localhost:3000.
5. Abra seu editor de código e faça a personalização.

O que está Incluído

• Arquivo PDF de documentação clara.
• Capturas de tela.
• Arquivo zip com o código-fonte.

URL da Demonstração ao Vivo

https://heavenestate.vercel.app/

Documentações Oficiais

• https://nextjs.org/docs
• https://mantine.dev/
• https://tailwindcss.com/