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
  • Criando as páginas usando App Router

    Continuamos nosso curso sobre a criação de uma página de tatuador com Next.js. Criamos e configuramos quatro páginas (homepage, serviços, sobre e contato) utilizando o App Router do Next. Abordamos ainda sobre a importância de uma estrutura correta de pastas e a estilização das páginas, utilizando referências do Figma.