A modern technology Stack for building, editing and managing JAM (Javascript, API and Markup) Stack Websites.

1.  Antiquity – text files only, due to the world wide wait speed of the dial-up Internet
 Middle Ages
 Graphical design elements in tables
 Animated text
 Dancing GIFs
 Renaissance
 Introduction of Flash
 Virtual graphics and interaction
 Beginning of visitor focused design
 Takeaways of previous century
 Flash was the biggest mistake for SEO of all times
 Page load times became a huge issue
 User experience gained traction in the Renaissance period
Web Design and Development in the
20th Century

2.  The Enlightenment
 Separation of content and design
 Creative freedom for designers and content developers
 Resolution and pixilation becomes important
 Intuitively placed information and accentuated links
 Usability becomes critical for Web Pages
 The Industrial Evolution
 Growth of Multimedia Applications
 Interactive Content and Social Web
 Design becomes about content, with the user at the
center
Web Design and development in the
early parts of the 21th Century

3.  Web Design and Web Content are an irreplaceable component of every good marketing
strategy
 Modern aesthetics
 Minimalism
 Flat graphics
 Blended typography and large background images
 Usability becomes critical for Web Pages
 Explosion of different types of hardware devices, mostly tablets and smartphones
 Mobile friendly web design are a must these days
 Mobile first web design is a growing trend
 Single page applications and infinite scrolling are becoming the standard design
format.
Web Design and Development
TODAY

4.  Mobile friendly or mobile first web design and web content
 Secure website – all the traffic is encrypted between client and server
through SSL (Secure Sockets Layer)
 Superfast Download Speeds
 Worldwide Content Delivery Network (CDN) as opposed to a
monolithic single server delivery with high latency
 File based websites versus Database driven websites
 Reliability – your website should never be hacked or be down to a
denial of service
 Scalability
 Whether you have 5 or 500 simultaneous users, the download
speeds remain super fast for everybody
 Full control of all design and content elements of a website
Must Deliver Today

5. Development and Development
workflow Trends

6. For the last 15 years the web has been built on the fly, causing ever increasing
issue with:
Security
7% of all legacy sites hacked
Performance
Single origin, builds for every visitor
Scalability
Infrastructure needs scaling up front
The Web Needs a Paradigm Shift

7. Unix Model Legacy Web Modern Web
The evolution of the Web
CLIENT
SERVER
CLIENT
WEB SERVER
APP SERVER
DATABASE
CLIENT
CON
SERVICES
(The site needs to be built EVERY
time it’s served)
1970 - 1997 1997 - Today NOW

8. JavaScript
A new Stack needs a Name -
JAM
Any dynamic programming during the request / response cycle is handled by
JavaScript, running entirely on the client. This could be any frontend framework,
library, or even vanilla JavaScript.
APIs
All server-side processes or database actions are abstracted into reusable APIs,
accessed over HTTP with JavaScript. These can be custom-built or leverage third –
party services.
Markup
Templated markup should be prebuilt at deploy time, usually using a site generator
for content sites, or a build tool for web apps.
J
A
M

9.  CMS for the New age web development and content editing
 GIT centric
 Stores structured content in GIT
 Different branches – Master Branch, Draft Branch
 Editors have a simple User Interface to build, manage and update any Content
 Writers and editors can focus on writing and publishing content
CMS for the Jam Stack

10. The Architecture of our CMS
Browser
Front-end
Roots
GitHub
Micro ServicesWebriQ CMS

11.  Fast, web-based User Interface
 Modern Authentication
 Platform agnostic for sites stored in Github
 Unlimited number of content types
 API for developers
Designed for developers
with Editors in mind

12.  Global CDN Deployment
 Continuous deployment through Automated Builds
 Instant cache invalidation
 Free One-click SSL
 HHTP2
 Google Analytics
 Zapier through WebriQ API
 Upcontent (TO COME SOON)
 API for further extension of the Application
Main Features and Integrations

13.  GO TO WEBRIQ APP and SIGN UP for a FREE ACCOUNT
 Request your WEBRIQ PARTNER ACCOUNT
 CMS DEMO ACCOUNT
 WEBRIQ BOILERPLATE
 DEVELOPERS TOOLS
 JOIN WebriQ on SLACK
GET STARTED for FREE