Aniversário
Alura 12 anos

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Matricule-se com desconto especial do Gaules!

Logo do curso
Curso

Next.js:

gerando site estático com SSG

Quero estudar na alura

8h

Para conclusão

437

Pessoas nesse curso

8.9

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 como Fullstack Engineer e baseada em Portugal. Sou uma profissional entusiasmada que ama tecnologia. Trabalho como desenvolvedora web há mais de 15 anos. Ajudo desenvolvedores a melhorar suas habilidades e estou aberta a trocas de conhecimento com qualquer pessoa. Sou mãe de plantas e de dois meninos lindos. Adoro viajar, conhecer novas pessoas e estar em contato com a natureza. O foco e o cuidado com a experiência do usuário são o segredo do sucesso.

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

Este e mais 4 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
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

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas