guilhermegoulart / meteora-ecommerce

E-commerce Web Site

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Imagem de capa escrito  Next.js: gerando site estático com SSG, maximizando a performance com SSG

Meteora

Uma aplicação que simula um e-commerce de produtos, onde contem a página inicial que lista todos os produtos e a página de detalhes de cada produto.

🔨 Funcionalidades do projeto

O aplicativo consiste em duas páginas principais: a primeira lista produtos e categorias, enquanto a segunda exibe detalhes específicos de cada produto. Atualmente, esta última é uma página gerada no lado do servidor, utilizando rotas dinâmicas. Até agora, os produtos foram simulados de maneira básica. Contudo, ao longo do curso, implementaremos estratégias para gerar páginas estáticas, consumindo API externa.

✔️ Técnicas e tecnologias utilizadas

As principais técnicas e tecnologias abordadas são:

  • Next.js: Framework para React com recursos de SSG.
  • Fetch API: Realizar requisições HTTP para buscar dados.
  • React Components: Componentes reutilizáveis.
  • Web server: Como hospedar o site.

🎯 Desafios do Curso

  • O principal desafio será converter as rotas dinâmicas da página de detalhes do produto em páginas estáticas exportadas.

🛠️ Abrir e rodar o projeto

Após baixar o projeto, você pode abrir com seu editor de código preferido. Siga estes passos:

  • Abra o terminal no diretório do projeto.
  • Execute yarn para instalar as dependências.
  • Inicie o servidor de desenvolvimento com yarn dev.
  • Acesse http://localhost:3000 no navegador para ver o projeto.

📚 Mais Informações do Curso

Interessado em aprofundar seus conhecimentos em Next.js e SSR? Acesse o curso!

About

E-commerce Web Site


Languages

Language:JavaScript 81.8%Language:CSS 18.2%