Projeto | Tecnologias | Práticas Adotadas | Ambiente | Como executar | Colaborador
Projeto criado para aplicar os conhecimentos adquiridos até o momento em relação ao front-end, em relação a:
- client actions
- infinite scroll
- framer motion
Esse projeto foi desenvolvido com as seguintes tecnologias:
Esse projeto foi desenvolvido segundo essas práticas:
- SOLID
- Clean Code
- Context
- Injeção de Dependências
- Tratamento de respostas de erro
Preparar o seu ambiente Next.js para novos projetos na sua máquina.
- Instale o Visual Studio Code
- Clone o repositório
- Abra o projeto
- Abra o terminal no vscode
- Rode o comando
npx create-next-app@latest
para instalar as dependências - Vão aparecer esses prompts:
What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias? No / Yes
- Rode o comando
npm run dev
para rodar o programa localmente
This is a Next.js project bootstrapped with create-next-app
.
Primeiro, execute o server de desenvolvimento:
npm run dev
# or
yarn dev
# or
pnpm dev
Abra http://localhost:3000 no seu navegador para ver o resultado.
Você pode comelar a editar a página modificando app/page.tsx
. A página atualiza automaticamente a medida que é alterada.
Esse projeto utiliza next/font
para automaticamente optimizar e carregar Inter, uma fonte do Google.