DEV Community

Cover image for Coding 101: How Do I Get My Website Online?

Coding 101: How Do I Get My Website Online?

Ben Halpern on July 07, 2023

This week's discussion series is dedicated to helping beginners on their coding journey by addressing common doubts and misconceptions. We will del...
Collapse
 
savvasstephnds profile image
Savvas Stephanides • Edited

That depends. Is it a static website (just some basic HTML, CSS and Javascript or a NextJS app)? Personally I use Netlify, but Vercel and Github Pages are also good options that host your simple site for free.

If you're looking for something more complex (NodeJS, Express etc) then you could go for Render, or Fly

Collapse
 
lionelrowe profile image
lionel-rowe

Quickest ways to get a full-stack JS/TS web app up, running, and internet-accessible:

  • glitch.me/ (Node, JS only, optional persistence when you start up a new project with SQLite)
  • deno.com/deploy (Deno, TS/JS, now has experimental in-built support for persistence with Deno KV)

My preference is Deno Deploy, because I πŸ’– Deno πŸ¦•, but glitch.me is better for absolute beginners as it's JS only and allows on-the-fly editing with a full file system. Deno Deploy only allows a single file if you want to use the playground mode, otherwise you have to deploy from a GitHub repo.

Collapse
 
calinzbaenen profile image
Calin Baenen • Edited

Simple solution: "Just use GitHub Pages. LOL".

Collapse
 
jmfayard profile image
Jean-Michel πŸ•΅πŸ»β€β™‚οΈ Fayard

GitHub Pages in my experience was more like short-term gain, long term pain.

Collapse
 
cjsmocjsmo profile image
Charlie J Smotherman • Edited

Easy if using docker

First we create a Dockerfile that will copy all of our html, css and js files into the container. Place this in a Dockerfile

FROM httpd:2-alpine
COPY ./mywebsitefiles/ /usr/local/apache2/htdocs/

Then build the container with:

docker build -t mywebsite .

Now you have a docker container that can be deployed to most cloud providers.

Happy Coding

Collapse
 
techman09 profile image
TechMan09 • Edited

For static sites, you can’t beat GitHub Pages, I use it for everything static.

Using PHP / MySQL? I would recommended a free service like TinkerHost.net to start, and a premium service if you need more.

Something else? Ask someone else (I love PHP, have yet to use much of anything else [yet])

Collapse
 
soumyadeepdey profile image
Soumyadeep Dey β˜‘οΈ

Ben! I am First Here! Need ShoutOut

Collapse
 
ben profile image
Ben Halpern

Hello!

Collapse
 
soumyadeepdey profile image
Soumyadeep Dey β˜‘οΈ

Oh myy god! Thanksss😭❀

Collapse
 
h4ywyre profile image
Carlos

I would recommend what everyone is choosing which is Github pages, very easy to use and I enjoy having my repository and site launcher in the same page. Would recommend using this if doing a front-end static website (e.g personal website)

Collapse
 
jmfayard profile image
Jean-Michel πŸ•΅πŸ»β€β™‚οΈ Fayard • Edited

I wanted to host a super simple server that would run on the JVM for an open-source project where it didn't make sense to pay anything every month.

I wish I had an easy solution. It used to be heroku and git push. Or many alternatives.

Alas thanks in large part to the crypto scammers, all the free plans are mostly gone. We now a bareer to entry that is way higher than it needs to be.

Collapse
 
schbenedikt profile image
schBenedikt

I don't like to brag, but I'd say we're experts at hosting websites. We do this with the free open source tool Wordpress. Also on DEV.TO there will soon be a detailed description of how to do this. The descriptions for the preparation for his own server & website are already online! But it's not just about his own website; no, we will also explain how you can protect it from attackers and encrypt the website with https. On top of that, we have tutorials where we explain how to monitor your website's traffic or how to connect your website to Cloudflare! They are now linked below!
Otherwise, I would recommend you to simply visit our website and take a look at all the tutorials.
If we could help, we would of course be happy about a like or a follower!

Our Website:

technik.schΓ€chner.de