Dr. Filipe Carvalho/ Website médico
Medicina compresença digitalà altura da suatrajetória.
Clínica Médica e Reumatologia
Um site médico com coluna de artigos e painel próprio para publicar.
- Next.js 15
- React 19
- TypeScript
- Prisma
Dr. Filipe Carvalho / Website médicoMedicina compresença digitalà altura da suatrajetória.
Clínica Médica e Reumatologia
- Next.js 15
- React 19
- TypeScript
Um site médico com coluna de artigos e painel próprio para publicar.
- Next.js 15
- React 19
- TypeScript
- Prisma
A confiança
Antes da consulta, a prova.
Quem procura um médico pela internet decide em poucos segundos. A página de apresentação foi montada para responder a essa dúvida com prova, não com adjetivo: cinco blocos, cada um com um tipo de confirmação diferente.
- Registro profissional
Os números oficiais de registro e as duas especialidades, logo no começo.
- Formação
Graduação e residências, com instituição e ano de conclusão.
- Ensino
O trabalho como professor e preceptor, que mostra o lado acadêmico.
- Publicações
Os trabalhos científicos, cada um com o seu tema.
- Atendimento
Onde a consulta acontece e de que forma.
Os dados reais de registro, contato e endereço estão no site; esta página mostra só o tipo de prova que cada bloco reúne.
As áreas
Duas áreas, sem letra miúda.
A página de especialidades não promete “tudo”: diz as duas áreas de atuação e, em cada uma, o que de fato é atendido. Escolha uma aba para abrir a lista.
Avaliação integral da saúde do adulto, com abordagem baseada em evidências para diagnóstico, tratamento e prevenção de doenças sistêmicas.
O que é atendido
- Check-up completo e preventivo
- Doenças crônicas e metabólicas
- Prevenção cardiovascular
- Saúde integral do adulto
As duas áreas e os oito itens saem do código do site (specialties.tsx), palavra por palavra.
02/Conteúdo e autonomia
Conhecimento que ganha espaço para ser compartilhado.
Especialidades e artigos em uma experiência própria.
A coluna de artigos é o que faz o site continuar vivo depois do dia em que ficou pronto. Cada artigo tem categoria, tempo de leitura e uma cor escolhida no painel, a mesma cor que marca o cartão aqui embaixo. Use o filtro para ver só uma categoria.
Os primeiros sinais da artrite reumatoide: quando procurar um reumatologista
A artrite reumatoide afeta milhões de brasileiros. Conheça os sinais precoces que não devem ser ignorados.
Ler artigo
Lúpus eritematoso sistêmico: mitos e verdades sobre a doença
O lúpus é uma das doenças autoimunes mais complexas. Entenda o que a ciência realmente sabe.
Ler artigo
Osteoporose: a doença silenciosa que você precisa conhecer
A osteoporose é chamada de epidemia silenciosa. Saiba como prevenir e tratar antes da primeira fratura.
Ler artigo
Fibromialgia: entendendo a dor que não aparece nos exames
A fibromialgia é real e afeta a qualidade de vida. Conheça a abordagem moderna para o diagnóstico.
Ler artigo
Os quatro artigos e as categorias são os que acompanham o projeto (prisma/seed.ts); o filtro funciona como no site.
A autonomia
Escrever sem pedir ajuda.
O painel existe para que um artigo novo não dependa de quem fez o site. São os campos do app de verdade: escreva no formulário e veja o cartão do lado mudar junto.
Prévia do cartão
Sono e dor crônica: o que uma coisa tem a ver com a outra
Dormir mal piora a dor, e a dor atrapalha o sono. Entenda o círculo e por onde se começa a quebrá-lo.
Ler artigo
- 5Total
- 4Publicados
- 1Rascunhos
- 5Categorias
Os campos, as cinco categorias e as seis cores são os do painel (app/admin). A contagem de cima conta os artigos do projeto mais este.
O estado
Tudo de pé, conferido no código.
Um projeto de saúde pede honestidade também no relatório. Esta é a lista conferida no código, sem arredondar: cada parte que o site entrega, uma por uma.
- Site públicoApresentação, autoridade, especialidades e chamada para contato.Pronto
- Coluna de artigosLista com filtro por categoria e a página de cada artigo.Pronto
- Painel próprioResumo em números, lista de artigos e editor com prévia.Pronto
- Entrada com senhaSenha embaralhada com bcrypt e crachá assinado guardado em cookie.Pronto
- Banco de verdadePostgreSQL por trás do Prisma, com artigos, administrador e ajustes.Pronto
- Carga inicialQuatro artigos e o administrador criados por um arquivo de carga.Pronto
Levantado lendo o código (src/app/api e src/lib/auth.ts).
As tecnologias
Do que é feito, peça por peça
Um site de verdade, com banco e painel próprio: as páginas públicas e o painel saem do mesmo projeto Next.js, os artigos ficam num banco PostgreSQL e a entrada do painel tem senha guardada embaralhada. Escolha uma peça para ver o que ela faz aqui e em que arquivo está.
10tecnologias, em 3 camadas
Tela
Servidor
Entrada
As telas
O site como ele é.
Telas reais do projeto, no tema claro do site e no painel de ardósia. Toque ou passe o mouse para soltar uma chapa da caixa e clique para ver grande.
As telas com endereço, telefone, e-mail e rede social ficaram de fora; o que sobrou de dado pessoal foi coberto.
Sites e experiências webGestão de Financiamentos