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>Fontes com next/font

Acesso exclusivo para membros PRO

Esse conteúdo é exclusivo para nossos assinantes.

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

Fontes com next/font

Preparamos as fontes de nossa página de tatuagem em Next.js. Importamos três fontes diferentes do Google Fonts usando o NextFont: Londrina Solid, Inter e Island Moments. Explicamos a importância dos subsets e do weight na importação das fontes, para manter a compatibilidade e preservar a estilização correta.

Comentários

(0)