clone-aibnb

Airbnb Clone

Este projeto é um clone do Airbnb desenvolvido com tecnologias modernas do ecossistema React, focando em boas práticas, performance e escalabilidade.

Next.js: Framework React para SSR, SSG e rotas otimizadas.
TypeScript: Tipagem estática para maior segurança e produtividade.
Tailwind CSS: Estilização rápida e responsiva com classes utilitárias.
Next Image Remote Patterns: Permite carregar imagens externas de domínios confiáveis.
API REST (Next.js API Routes): Endpoints criados em /src/app/api para manipulação de dados (ex: autenticação, listagens, reservas).
ESLint & Prettier: Padronização e qualidade de código.
Vercel: Deploy recomendado.

Estrutura inicial do projeto com Next.js e TypeScript.
Configuração do Tailwind CSS para estilização.
Configuração de carregamento de imagens remotas do domínio web.codans.com.br em next.config.ts.
Criação de componentes reutilizáveis para interface.
Implementação de rotas e páginas principais.
Criação de endpoints de API para manipulação de dados (exemplo: autenticação, listagens).
Organização da estrutura de pastas (components, app, assets, types, utils).

Endpoints criados em /src/app/api para autenticação, listagens e reservas.
Utilização de métodos HTTP (GET, POST, etc.) para comunicação entre frontend e backend.

Exemplo de chamada:

fetch('/api/listings')
  .then(res => res.json())
  .then(data => console.log(data));

O projeto permite carregar imagens remotas do domínio web.codans.com.br:

// next.config.ts
images: {
  remotePatterns: [
    {
      protocol: 'https',
      hostname: 'web.codans.com.br',
    },
  ],
},