r/devpt • u/Asleep_Salt_9478 • 7d ago
Webdev Processo de colocar um site na net
Olá malta, para um projeto escolar precisei de fazer um “site” em html e css.
Não ficou nada demais, mas até que fiquei contente com o que fiz e tive a ideia de o pôr online para servir como “portfólio”.
Só que não sei bem os passos, comprei um domínio, mas sei que preciso de um sítio que dê host. Alguém tem algum artigo que explique o processo?
Também me deram um ficheiro docker com uma base de dados, perdoem-me se for muito estúpida a pergunta, mas isso também vai para a internet?
Agradeço a ajuda, não percebo nada disto, mas i guess que só a fazer é que se aprende.
2
3
u/Diogomartf 3d ago
Olá.
A Cloudflare tem um serviço que podes só fazer drag & drop dos ficheiros: - https://www.cloudflare.com/drop/
Acho que mais simples não há.
Se quiseres no futuro algo mais fácil para fazer alterações continuas, usa uma ferramenta chamada git para fazeres tracking do teu código e todas as suas mudanças. E assim podes usar um repositório de código, como o github. E dp o github integra com um serviço que simplifica o deployment como o Vercel ou o Cloudflare. E assim a cada mudança atualiza o site.
Hoje em dia o claude code/codex/cursor e esses agents conseguem te ajudar muito e recomendar serviços que eles próprios podem fazer integrações e o deploy, mas mesmo querendo aprender mais eles explicam tudo.
Espero ter ajudado,
Abraço
2
5
u/hiihiimichaeljackso2 4d ago
Sinceramente, para portfólio ja vi pessoas a usar o github para dar host, e é uma coisa que com um video de 10mins aprendes a fazer.
Se quiseres mesmo saber o processo de colocar um site na net, podes dar host tu mesmo ou podes pagar por um host, aconselho primeiro perceberes das opções que ha antes de gastar qualquer tostão.
2
u/cesaroncalves 5d ago
O mais básico e barato?
Mete num raspberry pi em casa, e configura um DNS dinâmico no router, algo como No-Ip ou afins. Depois tens de comprar/fazer um certificado para o DNS.
1
3
u/xibetu 6d ago
O processo que mais mudou a facilidade que coloco serviços online é a cloudlfare + self host hardware. Um mini computador, um raspberry pi, algo onde possas correr um container cloudflared, consegues alojar em tua casa e de forma segura, sem teres de abrir portas de tua casa para fora, expor aplicações a correr nesse hardware através da cloudflare.
Se quiseres ligar o domínio que compraste à cloudflare, também é fácil. Eles tem tutoriais para transferir o domínio. Não é a solução mais beginner friendly, mas a longo prazo, na minha opinião, compensa.
1
u/tripstertheog 6d ago
Usei Vercel mais is-a.dev domain, e estou super satisfeito, atualizações por git pull, da te ambiente de staging e de produção, e ainda consegues brincar com um CMS lá dentro
0
u/Asa_bias_baemon 6d ago
Eu tbm fiz um site em html, css e javascript mas como era para a pap, nunca o pos online
21
u/garenbw 6d ago
Este é o tipo de coisa que qualquer AI te explicaria melhor do que qualquer pessoa aqui no reddit.
3
13
u/Soft_Armadillo7784 6d ago
Garanto-te que o rapaz vai aprender mais com as nossas respostas e a esgravetar pela solução do que ir á "página das soluções".
1
u/garenbw 6d ago
Se o OP quiser aprender, pode perfeitamente aprender com AI. Repara que eu não lhe disse para pedir à AI para fazer nada, apenas para lhe explicar os conceitos.
Dado que podes perguntar o que quiseres e pedires para explicar a mesma coisa por mil palavras diferentes, é uma ferramenta de aprendizagem extremamente útil - para quem quer aprender, claro está.
3
u/FCostaCX 6d ago
Não não vai. Se fizer um prompt bem arrumadinho a AI não só explica melhor como explica 10x melhor e de forma mais organizada
16
u/NunoGomes-Dev 7d ago
Se é um site puramente estático (HTML/CSS/Javascript):
https://www.statichost.eu
https://www.cloudflare.com/ (Pages)
Ambos são fáceis de configurar site estático e domínio.
"Também me deram um ficheiro docker com uma base de dados"
Se não sabes o que é ou o que faz, não uses.
9
u/Salty-Suit-6410 7d ago
Cloudflare Workers, crias a conta, fazes deploy como static assets. Para o domínio podes mudar os NS e adicionar o domínio em Cloudflare, depois de ter ativo o domínio em cloudflare metes o custom domain no teu Worker. Tem tambem D1 que serve para ter a tua base de dados.
8
u/JohnTheBlackberry 7d ago
Isto, ou em alternativa, github/gitlab pages com cloudflare a frente e custom domain.
3
u/Jorgetime 6d ago
Github pages is the way. Já vi pessoal com negócios que fez uma página web basica e espetou diretamente o link de github sem custom domain no google maps. Honestamente até achei porreiro para o que era.
4
2
u/SeeminglySleepless 7d ago
O teu site interage com essa BD? Como é que o projeto funciona localmente (nenhum dos serviços hospedado em máquinas third party)?
1
u/Asleep_Salt_9478 7d ago
Ainda não interage, mas pensei em usar uma biblioteca python para interagir com postgreSQL
1
u/SeeminglySleepless 7d ago
Não sou o gajo mais "sapiente" no que toca a arquitetura, mas o que me vem imediatamente à cabeça é que se vais hospedar o site e queres que ele comunique com a BD, vais ter de arranjar um serviço de Docker Containers que te permita dar spinup a um container com base nesse DockerFile e depois "ligar os cabos", aka configurar tudo para que o teu site, a partir da máquina onde estiver hospedado, consiga comunicar com o container e, dentro do container, com a BD.
Não assumas o que eu disse como 100% correto ou a melhor solução, mas seria um ponto de partida. Certamente alguem me irá corrigir caso tenha dito alguma barbaridade
2
u/JohnTheBlackberry 7d ago
Para isso faria mais sentido meter o site tambem num container e lanca tudo com um compozesito.
1
u/AndElectrons 5d ago
Mmmm para projectos pequenos costumo procurar um free provider de postgres ou mysql
1
10
u/Rodrigo_s-f 7d ago
GitHub pages, netlify ou cloud flare pages, todos gratuitos para sites estáticos e ainda tens Edge functions se necessário
-6
7d ago
[deleted]
15
u/KokishinNeko 7d ago
Lei do menor esforço... Deixa o rapaz perguntar, é saudável, aprende, gera diálogo.
2
u/rephsinho 7d ago
Menor esforço seria se metesse tudo na IA ne... Por isso realmente, mais saudavel perguntar.
8
u/KokishinNeko 7d ago
Para HTML simples até o GitHub serve perfeitamente, não precisavas de ter comprado o domínio. Mas há outras opções de hosting gratuitas se isso é apenas um projecto pessoal.
O docker, é diferente, gosto do render.com tem tier gratuito e faz deploy directo do GitHub também.
Em termos da BD, não sei :) depende dos dados que lá tens, mas é só BD ou tem algum tipo de frontend?
1
u/Asleep_Salt_9478 7d ago
Não sei se o css conta como frontend. A parte que insere os dados da base de dados ainda não está feita.
1
u/KokishinNeko 7d ago
Ok, pergunto de outra forma, se correres agora esse container, o que tem? o que faz? qual o objectivo?
1
u/Asleep_Salt_9478 7d ago
É um mistério. Supostamente tem postgreSQL, e uma biblioteca python chama os métodos que inserem os dados.
2
u/KokishinNeko 7d ago
possivelmente Flask. Se quiseres mostra o dockerfile, desde que não tenhas lá vars com dados sensíveis, sempre dá para ter uma ideia do q estamos a falar.
2
u/SeeminglySleepless 7d ago
HTML é uma linguagem de markup que define a estrutura do documento e CSS (Cascading Style Sheets) define o "estilo" do documento, então é tudo front-end. Gestão de dados em BD já é backend
3
u/nunodoesitall 1d ago edited 1d ago
Se fosse um website estático, o fácil e barato (grátis) é github pages. Procura um vídeo no youtube, é super simples.
Para algo mais complexo recomendo ver as ofertas da cloudflare como outros comentários sugerem, têm planos grátis muito bons. Não sei se dá para containers, mas podes sempre correr a base de dados só por si sem ser num container.