andersonvlidio/ecommerce-maeztra

Maeztra Ecommerce

Link do projeto

Ferramentas utilizadas

• Next Js Next.js Documentation
• Sass Sass
• Mantine Ui Mantine UI
• vercel vercel

Iniciar projeto

• Bixar o projeto, ou clonar.
• baixar as dependências: npm i, yarn.
• entrar na pasta do projeto.
• yarn dev.
• Abrir http://localhost:3000 para ver os resultados.

Descrição

• Um site construido com NextJs que consome uma api de criadas internamente e estilizado com Sass. Obejetivo desse projeto foi concluir um desafio da empresa Maeztra.

backend

• Criei apis com o NextJs para retornar os dados do carousel. As apis se encontra dentro de pages/apis.

• Para fazer as request no front eu usei o Axios

Retorna todos os itens

  GET /api/products

Retorna todas as marcas

  GET /api/brands

Retorna todas as vantagens

  GET /api/vantages

Retorna todas as categorias

  GET /api/categories

exemplo com axios:

      try {
        const response = await axios.get<Shelfs[]>("/api/products");
        const data = response.data;
        setItems(data);
      } catch (error) {
        console.error("Ocorreu um erro na requisição:", error);
      }
    };

Deploy

O deploy foi feito através do site do Vercel pois o github Pages não tem compatibilidade com páginas renderizadas no servidor. Como criei apis locais, e usei o component para renderizar as imagens, tive que fazer o deploy pelo vercel.

Author

Anderson Veira Lidio