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

Experience with Setup of Container based Sitecore Helix NextJS App

I am working with Sitecore ASP.NET MVC based implementation and for learning purpose I thought of setting up the Container based Sitecore Helix NextJS App from Sitecore. During setup, I faced many issues and it takes lots of efforts to resolve those issues. In this article, I will be explaining the steps which can be useful for Sitecore Community Members to setup the Sitecore Container based NextJS application. 

To start with setup, please follow below steps:

1.    Sitecore Container Prerequisites
2.    Sitecore NextJS Application Solution Details
3.    Setup for Sitecore Container NextJS Application
4.    Sitecore Container NextJS Application PowerShell Scripts 

Hardware requirements Sitecore Container Development
It’s always suggested to have good hardware configuration for Host Machine or Virtual Machine to run the Sitecore on Containers, and normally you should have:
    • RAM: 32 GB
    • Processor: Intel(R) Core(TM) i7-10750H CPU @ 2.60GHz 2.59 GHz
    • System Type: 64-bit operating system, x64-based processor
    • Windows Edition: Windows 10 Enterprise
    • Version: 21H2
    • OS Build: 19044.1586

Software requirements Sitecore Container Development
To verify the Sitecore Container Development Software installation, you can utilize Sitecore Containers Prerequisite PowerShell script from Gabe Streza. With the help of this script, you will be able to install all required software to start with Sitecore Container Development. 

To get more information about Sitecore Containers and setup related details, please check: 

2. Sitecore NextJS Application Solution Details:
The Sitecore NextJS Application code base present at Helix.Examples/examples/helix-basic-nextjs at master · Sitecore/Helix.Examples · GitHub and to open the solution go to the location \HelixExample\examples\helix-basic-nextjs and open the solution BasicCompany.sln in Visual Studio with folder view, and you will see: 


 

3. Setup for Sitecore Container NextJS Application:
With the help of below mentioned information you can change the name of Sitecore NextJS Application name:

How to change Sitecore Container Image and Application Name
By default the name of Sitecore NextJS Container Application Name and Container Image name is basic-company-nextjs, and you can change as per your requirements, and changes needs to be done at following files for the same:

  • .init.ps1 file
           

  • .env file
        

 
  • Up.ps1 file
          


  • docker\traefik\config\dynamic\certs_config.yaml
         

4. Sitecore Container NextJS Application PowerShell Scripts:

Required Scripts and Commands for Sitecore Container NextJS Application sdfsfsf 

  • Open a PowerShell Window in ADMIN mode and go to path \HelixExample\examples\helix-basic-nextjs
  • Execute following command by adding your path of Sitecore License file:
.\init.ps1 -InitEnv -LicenseXmlPath "<Sitecore License File path" -AdminPassword "b"


  • Run the command as per information showing in above screen shot
                    setx NODE_EXTRA_CA_CERTS C:\Users\amitk\AppData\Local\mkcert\rootCA.pem
  • Go to the location /src/Project/BasicCompany/nextjs and run the following command, which will install required node modules folder in the NextJS rendering folder
                    npm install --silent

  • Now go back to location \HelixExample\examples\helix-basic-nextjs and run the .\up.ps1
    While running .\up.ps1 it will open the Sitecore Identity url and you need to Authorize by clicking on Yes.., after that it will start serializing the content > CM url will open > FE app url will open
                   

Credit/References:


Pingback:

Comments

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

Twenty 20 Masti:

Image
The yesterday (11th September’07) was the inaugural ceremony of ICC Twenty20 (T20) world cup. This inaugural ceremony was not like other ICC tournament, the ceremony was very lively and the performance of band was showing cool cheerleaders. The main attraction of this T20 tournament was cheer ship of the cheerleader’s whenever any player was scoring 6/4 runs. Now, i will share some rules of this ICC T20 world cup with you: Match Conditions Each team shall bat for 20 overs unless all out earlier. Fielding restrictions apply for the first 6 overs of each innings (only two fieldsmen permitted outside the fielding restriction area at the instant of delivery). During the non Fielding Restricted Overs, no more than 5 fieldsmen shall be permitted outside the fielding restriction area. No bowler shall bowl more than 4 overs in an innings. Bowl Out In the event of a tied match, the teams shall compete in a bowl out to determine the winner. A bowl-out may also be used in the Final in the event o
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