Middle
Com que intensidade trabalhas com Next.js? Quais recursos usas?
sobes.tech IA
Resposta da IA
Trabalhei com Next.js em projetos de dificuldade média a alta. Uso as seguintes funcionalidades:
- SSR (Renderização do lado do servidor) para melhorar o SEO e uma renderização inicial rápida.
- Geração estática (SSG) para páginas com conteúdo que muda pouco, o que acelera o carregamento.
- Rotas API para criar endpoints de backend diretamente no projeto.
- Roteamento dinâmico para facilitar a criação de páginas com parâmetros.
- Otimização de imagens com o componente
<Image>para otimização automática de imagens. - Uso de getStaticProps e getServerSideProps para carregar dados na fase de build ou na requisição.
Exemplo de uso de getStaticProps:
export async function getStaticProps() {
const res = await fetch('https://api.example.com/data');
const data = await res.json();
return { props: { data } };
}
function Page({ data }) {
return <div>{data.title}</div>;
}
export default Page;