Full-Stack Web Dev Crash Course: Coding a SaaS App in JavaScript

Опубликовано: 06 Июль 2026
на канале: Will Kwan
71,311
2.5k

Go to https://www.hostinger.com/willkwan and use code WILLKWAN to get up to 91% OFF yearly web hosting plans. Succeed faster!

This video will teach you how to build and deploy a web app using Node.js, MongoDB, EJS, and Bootstrap. By the end, you’ll have a boilerplate project that you can customize to build a real SaaS startup!

○ Source code: https://github.com/wkwan/saas-tutorial

○ Downloads
Node.js: https://nodejs.org/en/
MongoDB: https://www.mongodb.com/download-cent...
JetBrains WebStorm: https://www.jetbrains.com/webstorm/
JetBrains .gitignore file: https://github.com/github/gitignore/b...
Robo 3T: https://robomongo.org/download
ngrok: https://ngrok.com/download
Start Bootstrap Creative Theme: https://startbootstrap.com/themes/cre...
Start Bootstrap SB Admin 2 Theme: https://startbootstrap.com/themes/sb-...

○ Referenced Articles
Installing MongoDB on Mac: https://treehouse.github.io/installat...
Installing Node.js on Ubuntu: https://github.com/nodesource/distrib...
Installing MongoDB on Ubuntu: https://docs.mongodb.com/manual/tutor...
Enabling Access Control in MongoDB: https://docs.mongodb.com/manual/tutor...
Fixing bcrypt installation on Ubuntu: https://github.com/kelektiv/node.bcry...
30 Linux Commands Every User Should Know: https://www.hostinger.com/tutorials/l...
How to Point a Domain Name to a (Hostinger) VPS: https://www.hostinger.com/tutorials/d...

○ Contents
(3:45): Setup
(4:45): Node.js/Express
(10:10): EJS
(12:14): Making a signup form
(15:30): MongoDB
(29:38): Customizing a Bootstrap theme
(37:58): Adding login and main pages
(41:35): Express Session
(47:23): Passport.js
(1:00:36): Customizing another Bootstrap theme
(1:11:35): Stripe Checkout
(1:23:53): Webhooks
(1:33:58): Environment variables
(1:37:50): Creating a VPS on Hostinger
(1:39:18): Ubuntu VPS Setup
(1:42:16): MongoDB Access Control
(1:49:32): Preparing web app for deployment
(1:54:47): Deploying web app

#webdevelopment #webdev #fullstack #javascript #nodejs #mongodb #ejs #bootstrap

2026 UPDATE ~ these days I'm working full-time on my game Dream Fortress, watch the devlogs if you're interested!    • Dream Fortress Devlogs