A segunda página que adicionamos atualmente não possui estilo. Vamos adicionar um pouco de CSS para estilizar a página.
O Next.js possui suporte interno para CSS e Sass. Para os propósitos deste curso, usaremos CSS.
Esta lição também abordará como o Next.js lida com recursos estáticos, como imagens e metadados da página, como tags de título.
Nesta lição, você aprenderá:
-
Como adicionar arquivos estáticos (imagens, etc) ao Next.js.
-
Como personalizar o que está dentro do
<head>para cada página. -
Como criar um componente React reutilizável com estilo usando Módulos CSS.
-
Como adicionar CSS global em pages/_app.js.
-
Algumas dicas úteis para estilizar no Next.js.
Se você está procurando uma documentação detalhada sobre o estilo Next.js., consulte a documentação CSS.
