Introdução ao Next.js
Sobre o Workshop
O Next.js é o maior framework de React da atualidade. Ele é utilizado para criar aplicações front-end ou full-stack e tem várias funcionalidades interessantes que justificam sua popularidade.
A empresa por trás do framework, a Vercel, é responsável por desenvolver suas funcionalidades e também oferece uma infraestrutura para que você possa hospedar sua aplicação lá.
Em 2023, o framework decidiu abraçar e apostar no SSR (server-side rendering) como padrão. E ele faz isso "abandonando" seu getServerSideProps
e mergulhando de cabeça nos Server Components (a partir da versão 18 do React).
Uma outra novidade, introduzida na versão 13 do framework, é um novo router (a nova app
folder) que foi desenhado do zero e é muito mais poderoso do que a antiga pages
folder.
O que vamos aprender
- Criar uma aplicação com
create-next-app
- Estlização com Tailwind
- Next/fonts
- Next/images
- App router
- Nested routes
- Next/link
- usePathname
- Fetch de dados
- Server components
Pré requisitos
É necessário conhecimento básico/intermediário em React e JavaScript. Se você ainda não estudou a base do desenvolvimento web, recomendamos que não comece logo em um framework como o Next.js.