Flexibble é um clone do Dribbble feito com Next.js, React, TypeScript, TailwindCSS e outras tecnologias. O projeto foi feito no intuito de aprimorar os conhecimentos em SSR, geração de sites estáticos, autenticação, manipulação de formulários, validação de dados, upload de arquivos, entre outros.
Você pode acessar o projeto em produção clicando aqui.
Sobre o Projeto | Tecnologias | Como Contribuir | Como Iniciar | Preview do Projeto
Este projeto foi desenvolvido com as seguintes tecnologias:
- Next.js para SSR e geração de sites estáticos.
- React para a criação de componentes UI.
- TypeScript para adicionar tipos estáticos ao JavaScript.
- TailwindCSS e Headlessui para estilização.
- Next Auth para autenticação.
- Cloudinary para upload de imagens.
- grafbase para o banco de dados.
- E outras bibliotecas e frameworks auxiliares.
O Flexibble simula o site Dribbble, onde os usuários podem fazer login com o google, postar um projeto com Imagem, Título, Descrição e Tags, LinkedIn e GitHub e visualizar os projetos postados por outros usuários, além de poder visualizar o perfil de cada usuário e mandar e-mail para o mesmo.
Feito com ♥ por Gustavo Batista 👋 LinkedIn e GitHub
- Faça um fork do projeto.
- Crie uma nova branch com suas alterações:
git checkout -b my-feature - Salve suas alterações e crie uma mensagem de commit contando o que você fez:
git commit -m "feature: My new feature" - Envie suas alterações:
git push origin my-feature
# clonar o repositório
git clone https://github.com/gustavohdab/flexibble.git
# ir para o repositório e:
npm install && npm run dev
