KEMBAR78
WebriQ CMS for the JAM Stack | PPTX
 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
 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
 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
 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
Development and Development
workflow Trends
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
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
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
 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
The Architecture of our CMS
Browser
Front-end
Roots
GitHub
Micro ServicesWebriQ CMS
 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
 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
 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

WebriQ CMS for the JAM Stack

  • 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 Designand 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 friendlyor 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.
  • 6.
    For the last15 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 LegacyWeb 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 Stackneeds 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 forthe 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 ofour CMS Browser Front-end Roots GitHub Micro ServicesWebriQ CMS
  • 11.
     Fast, web-basedUser 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 CDNDeployment  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 TOWEBRIQ 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