/product-list

Landing page para uma lista de produtos

Primary LanguageTypeScript

Júlião Store

Este projeto é tem como finalidade simular uma landing page de m e-commerce.



✔️ Técnologias utilizadas

  • TypeScript: Como se trata de um e-commerce, as escolha do TypeScript se deu pela possibilidade de adicionar tipagem estática na aplicação, garantindo mais segurançae para aplicação.
  • Chakra-UI: A esclha desse framwork aconteceu por ele ter um compromisso maior em garantir acessibilidade aos componentes, além do fato de ser simples e muito produtivo.
  • Next.js: Escolhi utilizar o Next.js porque como se trata de uma simulação de um e-commerce, a performance é fundamental num produto desse modelo. Utilizando a funcionalidade de Server Side Rendiring, é uma forma de garantir um aumento de desempenho, além de facilitar também a indexação do e-commerce nos motores de buscas da internet.
  • JSON: Utilizei o JSON para mockar os dados na aplicação, para simular uma chamada a uma API.


📁 Acesso ao projeto

Veja o projeto final em funcionamento.

Aqui neste repositório você tem acesso a todo código fonte do projeto.



🛠️ Abrir e rodar o projeto

Clone o projeto e instala as dependências

yarn
# or
npm install


Para startar o ambiente de desenvolvimento

npm run dev
# or
yarn dev

Open http://localhost:3000 no seu navegador.