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>Estilização básica do Layout

Acesso exclusivo para membros PRO

Esse conteúdo é exclusivo para nossos assinantes.

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

Estilização básica do Layout

Aprimoramos o layout da nossa página de tatuagem em Next.js, definimos o fundo na cor Zinc 900 e o texto padrão em branco, ambos com o auxílio do Tailwind. Além disso, estruturamos melhor os elementos de navbar, corpo da página e footer usando conceitos de flexbox. Prestamos atenção especial ao uso eficaz de altura mínima e à ocupação de espaço para uma experiência de usuário agradável. Continuaremos com a estilização no próximo vídeo.

Comentários

(0)