Unveiling the Power of Sitecore Headless with Our Latest iOS App

Unveiling the Power of Sitecore Headless with Our Latest iOS App

Introduction

After a lot of hard work, we have finally built the prototype of a Quiz App for an iOS application. This iOS application uses GraphQL to connect with Sitecore Experience Edge, enabling it to read items from the database. The app effectively displays these items on the screen. The first screen is the categories screen, featuring subjects like Math and Science. Selecting a category, such as Math, displays relevant quizzes like Basic Math Quiz, all created in Sitecore. Sitecore's ability to structure and organize the hierarchy has been instrumental in this application’s development. 

The figure below depicts a sneak peek from the presentation and demo:


Process

To demonstrate the capabilities of the application, I had the opportunity to present at SUGLATAM. I extend my heartfelt thanks to SUGLATAM for inviting me to one of their sessions. It's important to note that the presentation is in Spanish, which might pose a challenge for non-Spanish speakers.Below is the YouTube video starting from the demo part. Feel free to use the controls on the screen to skip, pause, play, or rewind to your point of interest.

 

Below are the steps I followed to prepare this presentation, giving an overview of the video and how to effectively convey information to an audience:

  1. Create a Concise Slide Show: The slideshow should be clear and to the point, guiding you through the presentation without overwhelming with text.
  2. Practice with Tools: I used PowerPoint, which includes a coaching feature to review performance and pacing, helping you stay on time.
  3. Deliver with Confidence: It's normal to feel nervous, but these feelings usually subside as you progress through the presentation.
  4. Encourage Questions: Allowing time for questions is crucial, as it helps clarify any uncertainties and facilitates learning.
  5. Celebrate Your Achievement: After presenting your ideas and engaging with the audience, don't forget to acknowledge your own efforts and success.

Conclusion


In conclusion, I demonstrated that Sitecore 10.3 supports a headless environment, meaning it can connect to various platforms via GraphQL. While I focused on iOS, this application could be adapted for other platforms like AndroidOS, Angular, NodeJS, Flutter, Vue, or any emerging technology. Sitecore 10.3's flexibility and scalability make it suitable for applications requiring REST services or GraphQL implementation.



Comments

Post a Comment

Popular posts from this blog

Guide to Fixing the 'SSC API Key Required' Error while Testing GraphQL Queries from Sitecore 10.3 Using Postman

Image
Guide to Fixing the 'SSC API Key Required' Error while Testing GraphQL Queries from Sitecore 10.3 Using Postman Introduction The new era of technology is now here and everything is supposed to be headless now. A headless Site is exactly what that means, a site with no head. In other words, the site can exists and doesn't matter on which container it exists. Therefore, you can create the same site in different applications, for example iOS, React, Angular, or Android phones. Now that Sitecore claims that it is headless, I decided to give it a try and test it out. If Sitecore is truly headless then there should be no problem with using Postman with a simple GraphQL query to get the items from the database. Also I am using Sitecore 10.3 with JSS Docker Container in order to perform the tests. If you want a guide on how to install Sitecore 10.3 with JSS on Docker containers  click here  . The Challenge  After you follow the steps from the post I linked above, you should be ab...
Read more

Simulating Success: How to Test iPhone Apps in Xcode Simulator with Sitecore 10.3 Docker Containers

Image
Simulating Success: How to Test iPhone Apps in Xcode Simulator with Sitecore 10.3 Docker Containers Introduction When I was developing my iOS app, I encountered a problem: my Sitecore Docker container needed to be exposed. Instead of taking that route, I realized it would be simpler to use the Xcode simulator. This way, I could see my iOS application in action, using my Sitecore Docker container from another laptop. Requirements The requirements in order for this to work are the following: A PC with Sitecore Installed in a Docker Container A Mac with the iOS Application that is connected to the Sitecore Docker Container Make sure both the Mac and the PC are connected in the same network.  Procedure If you have your Sitecore 10.3 Docker installed I suggest to run it until you can see your CMS. After that we will switch to our Apple computer where the iOS Application for your Sitecore Container app should be. If you want to know how you can connect your application to Sitecore via Si...
Read more

Troubleshooting Guide: Resolving the 'Cannot Query Field "id" on "ItemSearchResults"' Issue in a JSS App with Sitecore 10.3"

Image
"Unraveling the Mystery: Addressing the 'Cannot Query Field "id" on "ItemSearchResults"' Problem in a JSS App with Sitecore 10.3"Introduction In my previous post I was able to get the items from Sitecore Experience Edge for a single item. If you haven't read that issue you need to read that first before continuing with this one since I explain how to use the sitecore api Key to get the result from a single item. If you want to read that post click here . Now that you have previous background let's dive in to the problem.  The Problem To give a you a little bit of context this is what I was trying to do. I was trying to get all of the item's children from this sitecore item:  /sitecore/content/HeadlessApp/Content/Quizzes .  Here is a picture of the items in Sitecore that should match the Postman's response: Everything belowe the Quizzes folder should have been returned.  However, getting the items from its children was a little bit c...
Read more