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
  • Informações do Projeto

    Inicie sua prática com Next.js criando uma página comercial para um tatuador hipotético chamado Sandro Luz. Crie, do começo ao fim, um projeto Next.js.

    🤓 Antes de começar

    Neste mini projeto não há template/boilerplate inicial. Você deverá começar o projeto do zero.

    🔨 Requisitos

    • Inicialize o projeto do zero usando o create-next-app