📱 Servidores da Discórdia

📟 Aluracord - Imersão React

Agregador de projetos Aluracord realizados durante a última edição da Imersão React da Alura.

A principal funcionalidade é a possibilidade de enviar mensagem para servidores de outros participantes da Imersão direto nessa página.

✔️ Funcionalidades

Telas

• Login com usuário do GitHub (sem autenticação)
• Servidor de mensagens (chat estilo Discord)
• Servidores de mensagens de outros participantes da imersão
• Cadastro de novos servidores de mensagens

Mensagens

• Envio com enter
• Envio com Botão
• Exclusão (apenas autor)
• Stickers
• Texto sanitizado
• Markdown
• Links destacados
• Links abrem em nova aba do navegador

Computação sem servidor

• Hospedagem com ISR - Regeneração Estática Incremental (Next.js/Vercel)
• Mensagens e lista de servidores (PostgreSQL/Supabase)

👁️‍🗨️ Visite aqui

discordia-gamma.vercel.app

🤖 Adicionando o seu servidor ao projeto

Clique no botão ➕ dentro do sistema.
Então informe o Nome, o endereço do seu servidor, uma imagem (gif fica mais legal) e marque a opção sobre identificação do usuário via useRouter.query.

⌨️ Implemente o seu próprio agregador de servidores

• Clone esse repositório.
• Crie seu projeto no Supabase.
• Preencha seu arquivo .env na raiz do projeto com os dados do projeto no Supabase.

NEXT_PUBLIC_APP_NAME = App_Name
NEXT_PUBLIC_SUPABASE_URL = https://example.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY = exemple-Y3MiwiZXhwIjoxOTU4OTgwNjc

• Crie duas tabelas no banco de dados do Supabase com os seguintes campos:

Nome da tabela 1: messages
Campos - Tipos:
id - int8
created_at - timestamptz
de - text
texto - text

Nome da tabela 2: servers
Campos - Tipos -
id - int8
created_at - timestamptz
name - text
url - text
imgSrc - text
autoUser - bool
sequence - int2

• Crie seu projeto na Vercel vinculando com seu repositório no GitHub.
• Adicione as variáveis de ambiente dentro do seu projeto na Vercel.
• Faça deploy do seu projeto na Vercel.
• Por fim, se quiser, ajude a melhorar esse projeto.