πŸ‘¨β€πŸ’»
TechUp 2.0
  • πŸ‘‹Welcome!
  • πŸšΆβ€β™€οΈSelf-Directed Learning Roadmap
  • About TechUp
    • πŸš€Why do TechUp
      • πŸ’–Rules of Engagement
    • πŸ‘¨β€πŸ’»Deliverables
    • βš–οΈLegal Note
    • πŸ’‘Get Inspiration: Past TechUp Web Apps built by participants
  • Programme Essentials
    • πŸ“ƒProgramme Materials
    • πŸ“–Mandatory Reading on How the Internet Works
    • πŸ’»Mandatory Course (Udemy)
    • πŸ’ΎSample Web App
    • ❓Frequently Asked Questions
    • ⚑Policy Takeaways
  • Resources
    • πŸ“šRecommended Reading
      • πŸ”ŒHow does the Internet work?
      • πŸ–₯️Web Development & Web Application
      • πŸ’ƒDesign Thinking / User Experience (UX)
      • πŸ’‘Product Management
      • πŸ“ŠData Science & Machine Learning
Powered by GitBook
On this page
  • Creating a Render account
  • 1. Go to https://dashboard.render.com and click on GitHub. (DO NOT CREATE AN ACCOUNT VIA OTHER OPTIONS)
  • 2. Authorise Render
  • 3. Enter your email address and click Create Account
  • 4. Verify your email but clicking the link sent to your email address
  • 5. Fill up the form and click on Continue to Render
  • 6. Congrats! You now have a Render account created!
  • Deploying my Website (without a Backend)
  • 1. Open Render Dashboard (https://dashboard.render.com) and click on New Static Site.
  • 2. Connect to your repository
  • 3. Set the publish directory to "." and click Create Static Site
  • 4. Congrats, your website should now start building and successfully deployed!
  • (Optional) Deploying my Web App with a NodeJS Backend
  • 1. Open Render Dashboard (https://dashboard.render.com) and click on New Web Service.
  • 2. Select Build and deploy from a Git repository then click Next
  • 3. Connect to your GitHub Repository
  • 4. Enter the Build and Start Command for your application (the screenshot assumes your routing filename is server.js)
  • 5. Change the Instance Type to Free then click Create Web Service
  • 6. Your application is now successfully deployed!

Was this helpful?

  1. Admin Instructions
  2. Tooling and Software

Render

Last updated 1 year ago

Was this helpful?

Creating a Render account

Create a GitHub account first if you haven't already done so. Instructions on how to create a GitHub account can be found on this page GitHub.

1. Go to and click on GitHub. (DO NOT CREATE AN ACCOUNT VIA OTHER OPTIONS)

2. Authorise Render

3. Enter your email address and click Create Account

4. Verify your email but clicking the link sent to your email address

5. Fill up the form and click on Continue to Render

6. Congrats! You now have a Render account created!

Deploying my Website (without a Backend)

2. Connect to your repository

3. Set the publish directory to "." and click Create Static Site

4. Congrats, your website should now start building and successfully deployed!

(Optional) Deploying my Web App with a NodeJS Backend

2. Select Build and deploy from a Git repository then click Next

3. Connect to your GitHub Repository

4. Enter the Build and Start Command for your application (the screenshot assumes your routing filename is server.js)

5. Change the Instance Type to Free then click Create Web Service

6. Your application is now successfully deployed!

Refer to Sample Web App if you are looking for instructions on how to deploy a Postgres Database on Render.

1. Open Render Dashboard () and click on New Static Site.

1. Open Render Dashboard () and click on New Web Service.

βš’οΈ
https://dashboard.render.com
https://dashboard.render.com
https://dashboard.render.com
Click on GitHub (Do not click on other options)
You will be redirected to GitHub, click on Authorise Render
Enter your email then click Create Account
You will be directed to this page, go to your email to retrieve the verification link
Click on the link in your email to verify your email
You will be redirected to this page after clicking the verification link. Fill up the form and click on Continue to Render
πŸŽ‰ You now have a Render account!
Click on New Static Site
Click on Connect
Set publish directory to "." and click Create Static Site
You website is now deployed!
Click on New Web Service
Click next once you have selected the Git repository option
Select the repository for your NodeJS application and click connect
Enter the build command of "npm install" and start command of "node server.js" or "node app.js" if your filename is app.js
Select the Free tier then click on Create Web Service
Success!