My new blog present here.

Featured Post

Insights into Sitecore Search: A Definitive Introduction

A key component of digital experience management is effective information retrieval. A simplified approach is required for websites, applications, and platforms containing a lot of material so that consumers can easily get the data they require. This need is met by Sitecore, a well-known name in the field of digital experience platforms (DXPs), which provides powerful and comprehensive search functionality. We will travel into the realm of Sitecore Search in this article, learning about its capabilities, architecture , and the enormous value it offers both developers and end users. Introduction to Sitecore Search    A headless content discovery platform powered by AI , Sitecore Search enables you to build predictive and custom search experiences across various content sources. To extract and index you
Post a Comment

Sitecore JSS Application Mode Compatibility Table


Once you have decided to move implementation of your web application in headless way instead of ASP.NET MVC then after that most important architectural point is how you are going to deploy your Sitecore JavaScript Services (JSS) based headless application.

For this you have to consider many aspects and some of them are:
• Is your application having any dynamic functionality where content should be severed in real time from the Sitecore instance?
• Is your client more interested in Modern web tech by utilizing GatsBy? In which Sitecore CMS will just serve the content via Headless API’s to Gatsby’s ecosystem and then use Sitecore CMS Content directly into your pages using GraphQL.
• Is there any business need to utilize Sitecore Experience Platform for Personalization (personalization rules, multivariate tests, etc) & Analytics? In Sitecore JavaScript Services (JSS) personalization works exactly how it does in a non-headless Sitecore site.
• Is there any Business need to provide easy content authoring via Sitecore Experience Editor to Business User’s including facility to build pages using existing layout/components?
• From Infrastructure point of you are you going to deploy your application on IIS or Node server?

The Sitecore JavaScript Services (JSS) SDK providing you the complete flexibility in terms of Sitecore JavaScript Services (JSS) Application Modes which will be covering above questionnaire and its very important point of Sitecore Omni channel experience which will provide the true Headless CMS capabilities without sacrificing any of the powerful marketing features you need:

• Disconnected dev mode - Sitecore not required, hosts locally, uses local content data.
• Connected dev mode - Sitecore required, hosts locally, content data from Sitecore.
• Integrated mode - Sitecore required, hosts on Sitecore, content data from Sitecore, server-side rendering on CD server.
• API-only mode - Consume personalized Sitecore layout data from any platform that understands JSON.
• Headless server-side rendering mode - Server-side rendering performed on Node server, data from Sitecore CD.

All of the above Application Modes supports many different features and for this you have to deep dive into Sitecore JavaScript Services (JSS) Application Modes .

For the ease of Sitecore Community members I tried to create a Sitecore JavaScript Services (JSS) Application Modes Compatibility Table:


I hope it will be helpful for Sitecore Community and let me know if any correction required in above mentioned Compatibility Table.

We can also build Single Page Application (SPA) and Progressive Web App (PWA) in Sitecore JSS with support of  Sitecore Experience Editor functionality.

You can check functionality of Sitecore JavaScript Services (JSS) Single Page Application (SPA) at Habitat Fitness App and code base for the same present at GitHub  for your reference. Currently Habitat Fitness App sample application not having all the functionality of Progressive Web App (PWA) but you can utilize this sample app to build full-fledged Progressive Web App (PWA). 

Credit/References:

Pingback:

Sitecore JavaScript Services (JSS) Sitecore JSS Application Modes Sitecore Helix Recommendation and Conventions - Helix 2.0
Sitecore JSS connected mode Sitecore JSS integrated mode Sitecore JSS Disconnected Mode
Sitecore JSS API-only Mode Sitecore JSS Headless server-side rendering (Headless SSR) Mode Sitecore JSS Experience Editor
Sitecore Experience Platform What is a headless CMS? Sitecore JSS api
Sitecore JSS architecture Sitecore JSS angular, reactjs Sitecore JSS and sxa
Sitecore JSS sample app Sitecore JSS Personalization & analytics Sitecore JSS advantages
Sitecore JSS pros and cons Sitecore Helix Headless CMS vs Hybrid CMS

Comments

Ravinder said…
Thanks Amit, It is useful for everyone who is working or planning to work in JSS SPA/PWA.
10:24 AM
Post a Comment

Popular posts from this blog

Sitecore GraphQL Queries

Image
This article will provide the details about Sitecore GraphQL queries usage and how it will be useful in creating Sitecore projects especially Sitecore JSS projects. The topics covered under this Sitecore GraphQL article are: •    Overview of Sitecore GraphQL (GQL) •    Setup GraphQL (GQL) in Sitecore •    Usage of Sitecore GraphQL (GQL) in Sitecore JSS •    GraphQL (GQL) Queries Usage         o   Get an item by path and show field id and name       o   Return the name and value from all fields       o   Get the values of Treelist or Multilist field type       o   Get the template field details with values of current item       o   Get the field values using Aliases       o   Return a specific field with Alias       o   Get Child Items using GraphQL       o   Get specific Child Items using GraphQL and alias       o   Get multi-level children details       o   Get repeated fields using Fragments       o   Get list of all languages       o   Sitecore GraphQL Search - using Search quer
Read more

Sitecore Experience Edge GraphQL Queries

Image
The Headless development in Sitecore is powered by a layer of services, API endpoints, and rendering SDKs: Services and API endpoints Sitecore Headless Services Sitecore Experience Edge for XM Rendering SDKs Sitecore ASP.NET Rendering SDK Sitecore JavaScript Rendering SDKs (JSS) In this article, we will explore about Sitecore scalable API layer called Sitecore Experience Edge which provides you a Sitecore-hosted GraphQL (GQL) API. With these Edge GraphQL (GQL) endpoint you can build your solution in any language and pull the required content with the help of GraphQL (GQL) . The major GraphQL APIs of Sitecore Experience Edge are: Preview API Delivery API You can check more details about these APIs at Type of Sitecore Experience Edge API . GraphQL is a query language for these APIs t
Read more

Configuring Sitecore Next.js Headless SXA Multisite App in a Sitecore Container

Image
Leading digital experience platform Sitecore offers strong capabilities for developing reliable websites and applications. The headless CMS and Jamstack architecture trends have been very popular in recent years. Sitecore provides Headless SXA (Sitecore Experience Accelerator) as a solution to decouple the front-end presentation layer from the content management capabilities since it recognizes the value of headless capabilities. In this article, we will guide you through the process of configuring a Sitecore Next.js multisite app and integrating it with Headless SXA in a Sitecore container. This setup allows you to leverage the benefits of Next.js, a popular React framework for server-side rendering, and the flexibility of Headless SXA for managing and delivering content. Table of Contents Step 1: Set Up the Sitecore Container Step 2: Add support for Sitecore SXA in Sitecore Headless Container setup St
Read more