Neste projeto foi feito uma aplicação que renderiza os cards de 251 pokémons utilizando Next.js versão 13, sendo possível verificar as características de cada um deles. Aqui foram praticados os principais conceitos e a base em si do Next.
-
Server Rendering e SEO;
-
CSS modules;
-
Aplicação da getStaticProps (pré-renderização da página);
-
Aplicação da getStaticPaths (pré-renderização de todas as paths);
-
Routes e nested routes.
- Clone o repositório
[email protected]:GeovanaAugusta/poke-next.git
.
- Entre na pasta do repositório que você acabou de clonar:
cd poke-next
- Instale as dependências e inicie a aplicação que rodará na porta 3000:
npm install
ng run dev
# ou
yarn dev
# ou
pnpm dev
- A aplicação será automaticamente atualizada caso atualize algum arquivo.
- Se preferir, acesse a PokeNext aqui.