Trilha

Next.js

5. Projeto

Tattoo Shop - Website com Next.js

Login

⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    Preparando o Projeto

  • Apresentação do Projeto
  • Requisitos do Projeto
  • Projeto com Create Next App
  • Funcionalidades do Next.js

  • Criando as páginas usando App Router
  • Os componentes Navbar e Footer no Layout Raiz
  • Estilização básica do Layout
  • Fontes com next/font
  • Imagem com next/image
  • Estilizando a Navbar e o Footer
  • Links com next/link
  • Página ativa com usePathname
  • Estilizando Páginas

  • Estilizando a Home
  • Estilizando a página de Serviços
  • Estilizando a Página Sobre
  • Estilizando a página de Contato
  • ⭐ Resolva o Projeto

  • Informações do Projeto
  • Submeta sua Resolução
  • Resolução

    Preparando o Projeto

  • Apresentação do Projeto
  • Requisitos do Projeto
  • Projeto com Create Next App
  • Funcionalidades do Next.js

  • Criando as páginas usando App Router
  • Os componentes Navbar e Footer no Layout Raiz
  • Estilização básica do Layout
  • Fontes com next/font
  • Imagem com next/image
  • Estilizando a Navbar e o Footer
  • Links com next/link
  • Página ativa com usePathname
  • Estilizando Páginas

  • Estilizando a Home
  • Estilizando a página de Serviços
  • Estilizando a Página Sobre
  • Estilizando a página de Contato
  • Apresentação do Projeto

    Abordamos a criação de uma página para um tatuador hipotético usando Next.js. Trabalhamos desde a inicialização do projeto até roteamento, otimização de imagens, uso eficiente de fontes e, finalmente, o processo de implantação. É um mini-projeto prático de resolução abrangendo vários conceitos de Next.js.