Skip to content

Este é um projeto de clone da interface do YouTube desenvolvido com Next.js 12, Material-UI para o design, autenticação utilizando NextAuth.js, Next-Connect para a API e MongoDB como banco de dados.

Notifications You must be signed in to change notification settings

Snarloff/youtube-clone

Repository files navigation

Clone da Interface do YouTube em Next.js 12

Este é um projeto de clone da interface do YouTube desenvolvido com Next.js 12, Material-UI para o design, autenticação utilizando NextAuth.js, Next-Connect para a API e MongoDB como banco de dados.

Visão Geral

Este projeto tem como objetivo demonstrar a criação de uma aplicação web moderna com recursos de frontend e backend. Ele inclui as seguintes funcionalidades:

  • Replicação da interface do YouTube, incluindo listagem de vídeos, reprodução e upagem de video na AWS (API).
  • Autenticação de usuário com o Google usando NextAuth.js
  • Backend implementado com Next-Connect para fornecer APIs RESTful para a aplicação frontend.
  • Armazenamento de dados em um banco de dados MongoDB.

Fotos do Projeto

Tema Claro

Tema Branco

Tema Escuro

Tema Escuro

Tecnologias Utilizadas

  • Next.js 12: Framework de React para renderização do lado do servidor.
  • Material-UI: Biblioteca de componentes de UI para React.
  • NextAuth.js: Biblioteca de autenticação para Next.js.
  • MongoDB: Banco de dados NoSQL para armazenamento de dados.
  • Next-Connect: Middleware para criar rotas API no Next.js.

Instalação e Execução

Certifique-se de ter o Node.js e o MongoDB instalados na sua máquina. Em seguida, siga os passos abaixo:

  1. Clone este repositório:

    git clone https://github.com/Snarloff/youtube-clone.git
  2. Navegue até o diretório do projeto:

    cd nome-do-repositorio
  3. Instale as dependências:

    npm install
  4. Configure as variáveis de ambiente. Crie um arquivo .env.local na raiz do projeto e defina as variáveis necessárias para a autenticação com NextAuth.js e a conexão com o MongoDB:

    NEXTAUTH_URL=
    MONGODB_URI=
    AWS_SECRET_KEY=
    AWS_ACCESS_KEY=
    AWS_REGION=
    JWT_SECRET=
    GOOGLE_CLIENT_ID=
    GOGOLE_CLIENT_SECRET=
  5. Inicie o servidor de desenvolvimento:

    npm run dev
  6. Acesse a aplicação em seu navegador em https://localhost:3000.

Contribuições

Contribuições são bem-vindas! Se você deseja contribuir para este projeto, siga as diretrizes de contribuição e envie um pull request.

Problemas e Sugestões

Se você encontrar algum problema ou tiver sugestões para melhorar este projeto, por favor, abra uma issue neste repositório.

Licença

Este projeto está sob a licença ISC.


Agradecemos por visitar este repositório e por seu interesse no projeto de clone da interface do YouTube em Next.js 12. Esperamos que este projeto seja útil e educativo para outros desenvolvedores interessados em construir aplicativos web modernos com Next.js e MongoDB.

About

Este é um projeto de clone da interface do YouTube desenvolvido com Next.js 12, Material-UI para o design, autenticação utilizando NextAuth.js, Next-Connect para a API e MongoDB como banco de dados.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published