https://github.com/stealthworm/04-ignite-shop

04-ignite-shop
https://github.com/stealthworm/04-ignite-shop

Last synced: 7 days ago
JSON representation

04-ignite-shop

• Host: GitHub
• URL: https://github.com/stealthworm/04-ignite-shop
• Owner: StealthWorm
• Created: 2023-09-17T23:53:12.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-17T18:58:38.000Z (10 months ago)
• Last Synced: 2024-04-15T06:24:35.252Z (7 months ago)
• Language: TypeScript
• Homepage: https://04-ignite-shop-sage.vercel.app
• Size: 440 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  





  

  



## 💻 Projeto

04-ignite-shop

### Detalhes do Next

**getServerSideProps:**

- Funciona no lado do servidor (server-side rendering - SSR).

- A função é executada  \_em cada requisição feita \_ a uma página, ou seja, os dados são buscados no servidor toda vez que alguém acessa a página.

- É útil quando você precisa de dados que mudam com frequência ou dependem de informações do usuário, como autenticação. Dados que precisam estar disponiveis assim que a tela for exibida.

- Pode ser usada para buscar dados de uma API, banco de dados ou qualquer outra fonte de dados externa.

- Os dados buscados são passados como props para o componente da página.

**getStaticProps:**

- Funciona no lado do servidor também, mas é usado para gerar páginas estáticas (static site generation - SSG) que serão iguais para todos os usuários que acessarem em um dado período de tempo (revalidate).

- A função é executada  \_durante a construção da aplicação(BUILD), não em tempo real \_.

- É ideal para páginas com conteúdo que não muda com frequência, como blogs ou páginas de produto.

- Os dados buscados são pré-renderizados no momento da construção (BUILD) e, em seguida, servidos como páginas estáticas.

- Isso melhora a performance, pois as páginas estão prontas para serem entregues sem a necessidade de requisições adicionais.

- Não possui acesso a dados da requisição como request/response, além de não poder acessar cookies, headers, dados de login ou qualquer coisa do contexto de requisição.

## 📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo [LICENSE](LICENSE) para mais detalhes.

---



  Feito com 💜 by Thierry P. Santos