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

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

Sitecore Experience Manager Cloud (XM Cloud) Building blocks

Image
Sitecore Experience Manager Cloud, or XM Cloud is a game-changing force in the field of digital experience management in the age of cloud computing. We must identify the fundamental components that make up this cutting-edge platform in order to fully appreciate its capabilities. Join us as we dissect the fundamental elements that make up the Sitecore Experience Manager Cloud (or XM Cloud) architecture and investigate how they work together to produce a dynamic, scalable, and customized digital experience environment. Sitecore XM Cloud Overview    The SaaS enterprise-ready , cloud-native CMS from Sitecore called the Experience Manager Cloud (XM Cloud) allows for the creation of content only once and delivers it to every channel for exceptional client experiences. Developers and marketers can quickly an
Read more