WebriQ CMS for the JAM Stack
Download as PPTX, PDF2 likes326 views
The document outlines the evolution of web design from antiquity to the modern era, highlighting key developments such as the introduction of Flash, user-centered design, and mobile-first approaches. It emphasizes the importance of usability, security, and scalability in contemporary web development, alongside the rise of the JAMstack architecture and its CMS solutions for enhanced content management. The document also touches on modern technologies that support fast, reliable, and secure website delivery.
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 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