💻
TechUp Run 4
  • 👋Welcome!
    • Venues
    • 📖Frequently Asked Questions
    • 💌Contact Persons
  • ❓What You Need to Know
  • 🗓️TechUp Calendar
  • 📖Pre-Work (To be completed before Programme)
    • 🖥️Pre-Course Tooling
      • 🖱️Slack
      • GitHub
      • Render
        • For Websites without Backend (Default for TechUp)
        • For Websites with Backend (For Advanced Learners)
    • 👾Compulsory Pre-Readings
  • 🛠️IN-COURSE TOOLING
    • 📲Building a Sample Web App
    • Cloudflare
    • Google Analytics
    • TablePlus
  • 📚Programme Materials
  • TechUp Challenge
    • 📱Deliverables & Milestones
    • Web App Requirements
    • 🎤Post-User Interview Reflections (16th May)
    • ❗Deliverables Sheet
    • 🔊WebApp Presentation (WAP) Day
    • 🏆Demo Day
  • About TechUp
    • 🙂About TechUp
    • 🤷‍♀️Why do TechUp
      • 📏Rules of Engagement
      • 📸Notice of Filming and Photography
    • ⚙️Learning Outcomes
    • 🧑‍🤝‍🧑Meet the Team!
    • Past TechUp Web Apps (Crtl + Click to open new Tab)
  • Policies
    • Legal Note
    • ⌛Attendance
    • ✏️Transport Policy
  • 🇸🇬About the Organisers
Powered by GitBook
On this page
  • Creating a Web Service (For webapps with a NodeJS Backend)
  • Deploying my Web App with a NodeJS Backend
  1. Pre-Work (To be completed before Programme)
  2. Pre-Course Tooling
  3. Render

For Websites with Backend (For Advanced Learners)

PreviousFor Websites without Backend (Default for TechUp)NextCompulsory Pre-Readings

Creating a Web Service (For webapps with a NodeJS Backend)

This section is for users who do intend to have a Node JS backend for their webapp. It will allow you to create a static site. This is the default mode for TechUp participants.

Deploying my Web App with a NodeJS Backend

1. Open Render Dashboard () 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

Note that, at this step, you may be asked to enter your credit card details to verify your identity; without which, you cannot proceed.

We would recommend that you proceed to do so. For the programme, you should not be incurring any expenses from the use of Render, as we will be using the free plan by default. That said, should you be using a paid plan for improved functionality, you should also be able to claim for reimbursement, as each participant has been allocated a $100 budget for tooling purposes.

6. Your application is now successfully deployed!

📖
🖥️
https://dashboard.render.com
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!