Logo do curso
Curso

Next.js:

gerando site estático com SSG

Quero estudar na alura

8h

Para conclusão

131

Pessoas nesse curso

9.1

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Conheça a estruturação de projetos em Next.js
  • Implemente técnicas de SSR e SSG
  • Crie a gestão de APIs dinâmicas
  • Integre serviços externos para atualização de dados
  • Otimize a performance e SEO
  • Realize deploy eficiente de sites estáticos

Público alvo_

Este curso é destinado a pessoas desenvolvedoras que desejam aprofundar seus conhecimentos em Next.js, especialmente aquelas interessadas em construir e otimizar aplicações de e-commerce. É ideal para quem já possui conhecimento básico em JavaScript e React e busca aprender técnicas avançadas de SSR, SSG, e integração com APIs externas.

Patrícia Silva

github

Sou Engenheira de Software, atualmente atuando com Fullstack Engineer, baseada em Portugal. Sou uma pessoa técnica entusiasmada que ama tecnologia. Trabalho como desenvolvedora web a mais de 14 anos. Ajudo desenvolvedores a melhorar suas habilidades, estou aberta para trocas de conhecimento com qualquer pessoa. No meu tempo livre sou mãe de plantas e de dois meninos. Adoro viajar, conhecer novas pessoas e estar em contato c/ a natureza. Foco e cuidado com a Experiência do usuário é o segredo do sucesso.

Vinicios Neves

github

linkedin

Vinicios é engenheiro de software, envolvido na arquitetura, design e implementação de microsserviços, micro frontends e sistemas distribuídos. Tem experiência significativas em aplicativos, integração e arquitetura corporativa. É Engenheiro de Software pela UNESA e Arquiteto de Software pela PUC Minas.

Curso atualizado em 21/03/2024

Ementa

  1. Criando Api Router e fazendo fetch

    • Demonstração layout e execução em localhost
    • Mostrar o build e criar uma API router
  2. API Router para detalhes do produto

    • Criar API router para detalhes do produto
    • Migrar API de detalhes de produtos para API externa
    • Migrar mock de produto para endpoint externo
    • O npoint atualiza página
  3. A caminho do SSG

    • Aplicar o generateStaticParams
    • Estrutura assets estáticos no Next.js
  4. Testando arquivos estáticos

    • Abrir os arquivos estáticos no navegador
    • Configurar as alterações de links dos assets
    • Loader de imagem customizado
  5. Fazendo o deploy

    • Servindo os assets com http-server
    • Como o servidor web serve os arquivos estáticos

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos
Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 127 pessoas

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Aprenda Next.JS com esse e outros cursos, comece agora!

Plus

De
R$ 1.800
12X
R$109
à vista R$1.308
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

Matricule-se

Pro

De
R$ 2.400
12X
R$149
à vista R$1.788
  • Acesso a TODOS os cursos da Alura

    Mais de 1500 cursos completamente atualizados, com novos lançamentos todas as semanas, emProgramação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Luri, a inteligência artificial da Alura

    Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com Luri até 100 mensagens por semana.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas