Este é um projeto de um sistema de tarefas, com o diferencial de compartilhas suas tarefas com outras pessoas e que elas possam fazer comentários. O foco principal deste projeto é o uso da tecnologia Next.js e entender com funciona Client-Side Rendering (CSR), Server-Side Renderign (SSR) e Static Site Generation (SSG).
- Virtual Studio Code - Version 1.92.1
- GitHub Desktop - Version 3.4.3
- Node.js - Version 20.17.2
- Utilizado Next.js;
- Utilizado TypeScript;
- Utilizado regras e padrões do Prettier;
- Para criação das tarefas foi usado o Firebase;
- Utilizado a biblioteca NextAuth para sessão do usuário.
Obs: Nesta tela foi utilzado o conceito de Static Site Generation (SSG) para informar a quantidade geral de posts e comentários a cada 60 segundos.
Obs: Nesta tela foi utilzado o conceito de Server-Side Renderign (SSR) para carregar as informações do post ao entrar página.
Para executar o projeto em uma ambiente de desenvolvimento siga as instruções:
- Clone o repositório:
git clone https://github.com/LucasDoGit/tarefas-plus
cd tarefas-plus- Instale as dependências:
npm install- Crie ou utilize um projeto no firebase com o Firebase Database, então copie o acesso ao seu firebase:
- Crie e configure Chaves de API para autenticação com o Google, seguindo a biblioteca do NextAuth
- Cole as chaves de acesso no arquivo .env localizado na raiz do projeto:
- As configuração das variaveis NEXTAUTH_URL e NEXT_PUBLIC_URL dependem do ambiente que vai ser executado. Caso seja local a url deve ser utilizada "http://localhost:3000" e caso seja em um deploy a url deve ser a do seu dominio, exemplo "https://tarefas-plus-sandy.vercel.app":
- use o comando abaixo para iniciar o projeto e aguarde.
npm run dev- Feito! O projeto deve ser iniciado e pode ser acessado usando um navegador.
Para obter mais informações, entre em contato comigo em:
- Email: lucas.saiz19@gmail.com
- GitHub: https://github.com/LucasDoGit