https://github.com/victor-lis/next-auth-project

https://github.com/victor-lis/next-auth-project

client-side next-auth next-js server-side tailwind-css typescript

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/victor-lis/next-auth-project
• Owner: Victor-Lis
• Created: 2024-01-17T19:50:43.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-18T02:11:42.000Z (over 1 year ago)
• Last Synced: 2024-10-12T10:10:10.709Z (12 months ago)
• Topics: client-side, next-auth, next-js, server-side, tailwind-css, typescript
• Language: TypeScript
• Homepage:
• Size: 235 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

# Next-Auth-Project

Esse é mais projeto utilizando NextJS. Dessa vez utilizando uma lib muito útil, o Next-Auth. Acredito que uma das grandes utilizades dessa lib é a eficiência e praticidade.

Também utilizei Tailwind mais uma vez, estou dando essa chance para conhecer essa lib. E também investi no TypeScript, que ele sim creio ser muito importante.

Esse projeto é só mais um passo em direção ao aperfeiçoamento em NextJS, ainda é só começo dos projetos.

## Aprendizados

- Trabalhar com a biblioteca Next-Auth;

- Fazer login utilizando email e senha;

- Fazer telas personalizadas de login;

- Criar rotas utilizando Next-Router e Next-Auth.

## Uso/Exemplos

### Routes

As rotas do NextJS são baseadas no React-Router-DOM, porém um pouco mais enrigecidas, por ser um framework, por ser um tanto complicado eu explicar a arquitetura completa das rotas apenas com trechos de código, deixo abaixo o link da documentação:

https://nextjs.org/docs/app/building-your-application/routing

### Next-Auth

Acredito que a explicação da arquitetura do Next-Auth e de seu código seja uma explicação muito extensa para colocar aqui, então igual no caso anterior, deixo a documentação da lib, na qual li para entender melhor:

https://next-auth.js.org/getting-started/example

## Screenshots

### Login

##### Login

![Login](./project-images/Login.png)

#### Login - Invalid Credentials

![Login - Invalid Credentials](./project-images/Login%20-%20Invalid%20Credentials.png)

### Cadastro

![Cadastro](./project-images/Cadastro.png)

### Home 

#### Home

![Home](./project-images/Home.png)

### Public

#### No User

![Public](./project-images/Public%20-%20No%20signed.png)

#### Commum User 

![Public Commum User](./project-images/Public%20-%20No%20Admin.png)

#### Admin User 

![Admin](./project-images/Public%20-%20Signed.png)

#### New Created User

![New user](./project-images/Public%20-%20Personalized%20User.png)

### Private

#### No User

![Private](./project-images/Private%20-%20No%20admin.png)

#### Admin User 

![Admin](./project-images/Private%20-%20Signed.png)

## Autores

- [@Victor-Lis](https://github.com/Victor-Lis)