Codetainer LogoCodetainer Acad

Lessons

Lesson 16: Deploying with Render

🚀 Lesson 16: Deploying with Render

Render is a modern cloud platform that lets you deploy full-stack or static websites effortlessly. It's a bit like Heroku, but with more free-tier power and way smoother deployment for hobby projects and small teams.

🛠️ What You'll Need

  • A GitHub account (with your project pushed to a public or private repo)
  • Basic knowledge of your project type (Static, Node.js, etc.)
  • A Render account (sign up here)

📦 Step-by-Step Deployment

  1. Push your project to GitHub: Make sure your site files (like index.html) are inside a repository and pushed to GitHub.
  2. Create a Render account: Go to render.com and sign up using your GitHub account (this allows easy repo access).
  3. Create a New Web Service: Click on "New +" → "Web Service". Choose your GitHub repo from the list.
  4. Choose service type: For static sites (just HTML, CSS, JS), select Static Site. For full backend projects (Node, Django, etc.), pick Web Service.
  5. Configure your build settings:
    • For static sites: leave the build command blank or put npm run build if needed
    • Set the publish directory to the folder where your site lives (e.g. public or dist)
  6. Click “Create Web Service”: Render will now clone your repo and deploy it. This might take a few minutes.
  7. Once deployed, you'll get a public URL like:
    https://your-site.onrender.com
    You can now share this with the world!

🔁 Automatic Redeploys

Every time you push new changes to the selected branch (usually main), Render will rebuild and redeploy your site automatically. This means zero manual updates — just code and push!

💡 Pro Tips

  • You can set up custom domains in Render for free.
  • Static sites load faster and are more secure — perfect for frontends.
  • Use environment variables if deploying dynamic apps (like Express or Flask).
  • Want HTTPS? Render gives it to you by default — no setup needed.

That’s it! You just learned how to go from a local project to a live site hosted on the internet — no server, no config madness, just smooth, reliable hosting.

CodetainerAcad