SlideShare a Scribd company logo
@ChrisOnCode
How to Code a
SaaS
NOT
@ChrisOnCode
Hi I’m Chris
DigitalOcean 😃 Scotch.io 😃 @ChrisOnCode
@ChrisOnCode
What’s the fastest way
to get paying customers?
@ChrisOnCode
Agenda
A SaaS called scotch.io
Anatomy of a SaaS
Idea for a JavaScript SaaS
@ChrisOnCode
Scotch.io Lifecycle
Side Project
Provide Value (Content)
Monetize
Get Users
Analyze and Grow
Sell or Continue
@ChrisOnCode
Quantity > Quality
Built our own CMS
Focused on performance
Biggest scotch.io mistakes…
@ChrisOnCode
@ChrisOnCode
Focus on your
Value
The main takeaway…
@ChrisOnCode
What is the problem
you are solving?
@ChrisOnCode
Scotch.io Best Features
Content
Design
@ChrisOnCode
Let’s talk
SaaS
@ChrisOnCode
Scotch.io Architecture
App
Server
Droplet
Droplet
Database
Server
Droplet
@ChrisOnCode
Scotch.io Architecture
Droplet
Droplet
Database
Server
Droplet
App Server
PHP Ruby Go
JavaScript
@ChrisOnCode
Scotch.io Architecture
App
Server
Droplet
Droplet
Database
Server
Droplet
@ChrisOnCode
Scotch.io Architecture
App
Server
Droplet
Droplet
Droplet
Database Server
MySQL
Postgres
MongoDB
@ChrisOnCode
Scotch.io Architecture
App
Server
Droplet
Droplet
Database
Server
Droplet
@ChrisOnCode
Core Decisions
Language
Database
Where to store code
Where to host app
View layer
API
@ChrisOnCode
Pick what your team is comfortable with
@ChrisOnCode
Pick what gets you to ship fastest
@ChrisOnCode
Database Server App Server
DigitalOcean Droplet DigitalOcean Droplet
@ChrisOnCode
Database Server App Server
DigitalOcean Droplet DigitalOcean Droplet
@ChrisOnCode
Core Decisions
Language
Database
Where to store code
Where to host app
View layerAPI
Networking
CDN
CMS
Forms
@ChrisOnCode
Extra Functionality
Authentication
Payments
Search
E-commerce
Emails (Transactional)
@ChrisOnCode
Growing and Maintaining
Analytics
Customer Feedback
Emails (Marketing)
Ads
@ChrisOnCode
Database Server App Server
DigitalOcean Droplet DigitalOcean Droplet
App Stuff
Emails
Search
E-commerce
PaymentsDatabase
API
Networking
Authentication
CDN
CMS
View Layer
Forms
@ChrisOnCode
Database Server App Server
DigitalOcean Droplet DigitalOcean Droplet
Emails
Search
E-commerce
Payments
Networking
Authentication
CDN
Forms
App Stuff
Database
API
CMS
View Layer
@ChrisOnCode
Database Server App Server
DigitalOcean Droplet DigitalOcean Droplet
Emails
Search
E-commerce
Payments
Networking
Authentication
CDN
Forms
App Stuff
Database
API
CMS
View Layer
@ChrisOnCode
What do my customers really care about?
@ChrisOnCode
Core Decisions
Language
Database
Where to store code
Where to host app
View layerAPI
Networking
CDN
CMS
Forms
@ChrisOnCode
Authentication
@ChrisOnCode
Authentication
!// login a user
auth0.loginWithPopup(params);
!// get user info
auth0.getUser();
@ChrisOnCode
Payments
@ChrisOnCode
Payments
!// charge a customer
Paddle.Checkout.open({ product: 12345 });
@ChrisOnCode
Headless CMS
@ChrisOnCode
Emails
@ChrisOnCode
@ChrisOnCode
Authentication
Payments
Search
E-commerce
Emails (Transactional)
Analytics
Customer Feedback
Emails (Marketing)
Ads
@ChrisOnCode
We have whole teams of devs
waiting to work for us.
@ChrisOnCode
How could I build a SaaS in 2020?
in JavaScript
@ChrisOnCode
Database Frontend
Headless CMS
App API
JAMstack Architecture
@ChrisOnCode
FrontendStrapi
@ChrisOnCode
Strapi Frontend
Headless CMS
JAMstack Architecture
@ChrisOnCode
1-Click
DigitalOcean Apps
@ChrisOnCode
marketplace.digitalocean.com
@ChrisOnCode
Strapi as a Headless CMS
Language
Database
Where to host app
API
Networking
CMS
@ChrisOnCode
View layer
@ChrisOnCode
View layerplugins: [
{
resolve: `gatsby-source-strapi`,
options: {
apiURL: `http:!//localhost:1337`,
contentTypes: [`article`, `user`],
singleTypes: [`home-page`, `contact`],
loginData: {
identifier: "",
password: "",
},
},
},
]
@ChrisOnCode
View layer{
allStrapiArticle {
edges {
node {
id
title
content
}
}
}
}
@ChrisOnCode
If my SaaS flops…
@ChrisOnCode
At least I didn’t write my own CMS!
@ChrisOnCode
Summary
Outsource things that don’t matter
Focus on core value proposition
@ChrisOnCode
Creating a SaaS is easier in 2020.
If you choose to make it easier.

More Related Content

PDF
AWS Cloud 환경으로​ DB Migration 전략 수립하기
PDF
"Running Node.js in your browser with WebContainers", Oleksandr Zinevych
PPTX
애플리케이션 최적화를 위한 컨테이너 인프라 구축
PPTX
11.OpenShift 로 PaaS 구축
PPTX
虐待パワーポイントPp
PPTX
Introduce Google Kubernetes
DOC
Rúbrica de evaluación
PDF
Aurora는 어떻게 다른가 - 김일호 솔루션즈 아키텍트:: AWS Cloud Track 3 Gaming
AWS Cloud 환경으로​ DB Migration 전략 수립하기
"Running Node.js in your browser with WebContainers", Oleksandr Zinevych
애플리케이션 최적화를 위한 컨테이너 인프라 구축
11.OpenShift 로 PaaS 구축
虐待パワーポイントPp
Introduce Google Kubernetes
Rúbrica de evaluación
Aurora는 어떻게 다른가 - 김일호 솔루션즈 아키텍트:: AWS Cloud Track 3 Gaming

Similar to Coding a SaaS (20)

PPT
What Is Software As A Service Saa S
PDF
Estrategias para explotar las tendencias de SaaS y Cloud Computing
PPTX
Introduction To Saa S Tech Ba Apr 2009
PDF
Find out what's new in SaaS application architecture design (1).pdf
PDF
Find out what's new in SaaS application architecture design.pdf
PPT
SaaS Presentation at SCIT Conference
PPTX
Store gecko vs5_july2015
PPTX
SaaS.pptx
PPTX
CC-11 Part a Software as a Service Cloud Architecxture
PDF
SaaS startups - Software Engineering Challenges
PDF
eDocument Sciences SaaS 101
PPTX
Saas by shashwat and shivendra
PPTX
Software as a Service
PPTX
Migration from ISV toward SaaS
PDF
Building Subscription sites in WordPress
PPTX
Session 3a The SF SaaS Framework
PDF
SaaS Ecosystem - turn it on
PDF
SaaS Development Services: Revolutionizing the Digital Business Landscape
PDF
SaaS Introduction - What is SaaS Mean and Examples
What Is Software As A Service Saa S
Estrategias para explotar las tendencias de SaaS y Cloud Computing
Introduction To Saa S Tech Ba Apr 2009
Find out what's new in SaaS application architecture design (1).pdf
Find out what's new in SaaS application architecture design.pdf
SaaS Presentation at SCIT Conference
Store gecko vs5_july2015
SaaS.pptx
CC-11 Part a Software as a Service Cloud Architecxture
SaaS startups - Software Engineering Challenges
eDocument Sciences SaaS 101
Saas by shashwat and shivendra
Software as a Service
Migration from ISV toward SaaS
Building Subscription sites in WordPress
Session 3a The SF SaaS Framework
SaaS Ecosystem - turn it on
SaaS Development Services: Revolutionizing the Digital Business Landscape
SaaS Introduction - What is SaaS Mean and Examples
Ad

Recently uploaded (20)

PPTX
Embracing Complexity in Serverless! GOTO Serverless Bengaluru
PDF
How AI/LLM recommend to you ? GDG meetup 16 Aug by Fariman Guliev
PDF
How Tridens DevSecOps Ensures Compliance, Security, and Agility
PPTX
Introduction to Windows Operating System
DOCX
Greta — No-Code AI for Building Full-Stack Web & Mobile Apps
PDF
DNT Brochure 2025 – ISV Solutions @ D365
PPTX
Computer Software and OS of computer science of grade 11.pptx
PPTX
Tech Workshop Escape Room Tech Workshop
PDF
EaseUS PDF Editor Pro 6.2.0.2 Crack with License Key 2025
PDF
wealthsignaloriginal-com-DS-text-... (1).pdf
PDF
Cost to Outsource Software Development in 2025
PPTX
Monitoring Stack: Grafana, Loki & Promtail
PPTX
"Secure File Sharing Solutions on AWS".pptx
PDF
AI/ML Infra Meetup | Beyond S3's Basics: Architecting for AI-Native Data Access
PPTX
Custom Software Development Services.pptx.pptx
PDF
Types of Token_ From Utility to Security.pdf
PDF
Designing Intelligence for the Shop Floor.pdf
PPTX
Why Generative AI is the Future of Content, Code & Creativity?
PDF
Salesforce Agentforce AI Implementation.pdf
PDF
STL Containers in C++ : Sequence Container : Vector
Embracing Complexity in Serverless! GOTO Serverless Bengaluru
How AI/LLM recommend to you ? GDG meetup 16 Aug by Fariman Guliev
How Tridens DevSecOps Ensures Compliance, Security, and Agility
Introduction to Windows Operating System
Greta — No-Code AI for Building Full-Stack Web & Mobile Apps
DNT Brochure 2025 – ISV Solutions @ D365
Computer Software and OS of computer science of grade 11.pptx
Tech Workshop Escape Room Tech Workshop
EaseUS PDF Editor Pro 6.2.0.2 Crack with License Key 2025
wealthsignaloriginal-com-DS-text-... (1).pdf
Cost to Outsource Software Development in 2025
Monitoring Stack: Grafana, Loki & Promtail
"Secure File Sharing Solutions on AWS".pptx
AI/ML Infra Meetup | Beyond S3's Basics: Architecting for AI-Native Data Access
Custom Software Development Services.pptx.pptx
Types of Token_ From Utility to Security.pdf
Designing Intelligence for the Shop Floor.pdf
Why Generative AI is the Future of Content, Code & Creativity?
Salesforce Agentforce AI Implementation.pdf
STL Containers in C++ : Sequence Container : Vector
Ad

Coding a SaaS