Site para um tatuador com Next.js

Workshop

15 vídeos • 01:18:07

Seção 01 | Preparando o Projeto

  1. 1.

    Apresentação do Projeto

    01:59
  2. 2.

    Requisitos do Projeto

    04:37
  3. 3.

    Projeto com Create Next App

    08:41

Seção 02 | Funcionalidades do Next.js

  1. 4.

    Criando as páginas usando App Router

    03:11
  2. 5.

    Os componentes Navbar e Footer no Layout Raiz

    06:02
  3. 6.

    Estilização básica do Layout

    02:16
  4. 7.

    Fontes com next/font

    06:37
  5. 8.

    Imagem com next/image

    04:15
  6. 9.

    Estilizando a Navbar e o Footer

    07:27
  7. 10.

    Links com next/link

    01:34
  8. 11.

    Página ativa com usePathname

    05:34

Seção 03 | Estilizando Páginas

  1. 12.

    Estilizando a Home

    10:54
  2. 13.

    Estilizando a página de Serviços

    06:39
  3. 14.

    Estilizando a Página Sobre

    06:22
  4. 15.

    Estilizando a página de Contato

    01:59
Login
Workshops>Site para um tatuador com Next.js>Imagem com next/image

Acesso exclusivo para membros PRO

Esse conteúdo é exclusivo para nossos assinantes.

Libere esse e muito mais conteúdo assinando o Codante PRO.

Imagem com next/image

Focamos na otimização das imagens da nossa página de tatuador utilizando Next.js. Adaptamos a imagem do logo de nosso design no Figma para SVG e a importamos com Next Image, aumentando a eficiência e minimizando o uso de banda. Discutimos também sobre como o Next automaticamente otimiza estas imagens.

Comentários

(0)