Questions tagged [jss]
For questions about the Sitecore JavaScriptServices module and JSS CLI.
665
questions
2
votes
1
answer
115
views
Sitecore JSS Can't resolve 'music/components/GenreList' in 'C:\Dev\sitecore_nine\samples\flo\musictore_react\src
I Created a Component namend GenreList but i cannot add it to my ComponentFactory
Here is my gist:
https://gist.github.com/Rian0702/10c3e7068b8e15617bb034dcfffca495
And a picture of my App ...
2
votes
1
answer
96
views
How can I secure the Experience Edge content delivery token on my Next.js/JSS app?
I am using Sitecore Experience Edge and Next.js with JSS. My site requires a section that is secured behind a login, which I know should be handled by the head application and that we should not ...
2
votes
1
answer
97
views
Prevent Sitecore from creating the sitename#lang cookie in jss/nextjs app
Is there a way to block Sitecore from creating the {website}#lang cookie? When Sitecore's Layout Service is used with a headless app (a next js app)?
Will it be enough to add a processor in ...
2
votes
1
answer
8k
views
Error : TypeError: Class extends value undefined is not a constructor or null
To create a Sitecore JSS app, I ran the PowerShell command below :
npx create-sitecore-jss --templates nextjs,nextjs-sxa --appName foodorder --hostName sc103.sc --fetchWith GraphQL
However, I ...
2
votes
1
answer
200
views
Experience Editor / preview mode throws error when viewing branch template items
I'm working on a SC 10.2 JSS site. On previous MVC projects I was always able to enter Experience Editor / Preview mode while building branch templates for pages. That is, the items such as /sitecore/...
2
votes
1
answer
439
views
Missing fonts when previewing Next.js app in Experience Editor
I've got a Next.js-based app that uses custom fonts. On the Rendering host the fonts are accessible via the following url:
https://www.myapp.localhost/_next/static/media/lato-latin-400-normal.b7ffde23....
2
votes
1
answer
515
views
Next Js create app JSS command
I tried both the below commands to create a JSS next js app but none of it has all the required files in the app.
npx create-sitecore-jss nextjs
npm init sitecore-jss nextjs
When I do jss:build, it ...
2
votes
2
answers
209
views
Sitecore WebForms/MVC site migration to JSS
Can somebody share known pitfalls when migrating WebForms or MVC site that uses Personalization/AB Testing/Analytics/Sitecore Forms/EXM/SXA etc. to JSS?
Any known limitations?
Sitecore versions: 9.2 ...
2
votes
3
answers
203
views
Related articles in Sitecore JSS: custom rendering contents resolver or api call?
We have a requirement to show on the article page a list of articles which have the same topic and author as the current article i.e. "Related articles". I have two ideas about how that can ...
2
votes
1
answer
211
views
How to add custom route in Angular JSS ? Domain/<Page>/<id>
We are working hybrid headless SSR approach.
The pages have a header and footer from Sitecore with wrapper angular components as shown in the image.
We should pass the id of the article from the ...
2
votes
1
answer
172
views
JSS Limit depth of items retrieved in linked fields
I have an App Route A for a page and is loading all the fields including a multilist that links to Item App Route B that can have in the multilist a link to Item A, creating a infinite loop. Is there ...
2
votes
1
answer
311
views
When JSS component is hidden via personalization Experience Editor show warning about missing "Hidden Rendering" implementation
After applying personalization rule to JSS component and using option to hide, Experience Editor shows warning that "Hidden Rendering" is not implemented in React, which is not too friendly ...
2
votes
1
answer
389
views
ASP.NET Core RenderingHost in Experience Editor
I'm currently testing Sc10 with ASP.NET Core Rendering Host from the following Getting Started documentation.
So far the rendering host works fine but whenever I want to access the Experience Editor I ...
2
votes
1
answer
635
views
How to get "jssmedia" word in Sitecore JSS app image URL?
My JSS app is not showing images though they exist. When I open the same link in my browser, then the browser is showing those images.
I am getting the URL of my JSS image as
http://first-jss-app.dev....
2
votes
1
answer
701
views
How to embed Youtube & Vimeo videos in Sitecore JSS with React
I have create a video player component in Sitecore jss/react. I have tried with react-player player plugin. It is working fine in disconnected mode but as soon as I deployed it in Sitecore, it is ...
2
votes
1
answer
502
views
Get the item from a ReferenceField type in Sitecore JSS based on Langauge version
I am working on a multi-lingual site where the data source has multiple language versions. I want to retrieve the items of multilist based on the language parameter passed.
Sitecore GraphQL query:
{...
2
votes
1
answer
59
views
Can you setup security trimming with code first JSS?
We want to restrict some pages that are behind a login on a JSS site. We use code-first development.
Is is possible to setup the security in the /data/*.yml files? Or should we update the security ...
2
votes
1
answer
1k
views
Fetching Multiple Item Data using GraphQL
I want to fetch multiple item data using single query.
I am able to fetch the data of single item.
My tree structure is like:
Item1:
Title
Description
Item2:
Title
Description
...
2
votes
1
answer
351
views
JSS sitecore multiple projects under same solution
Hi i am following Helix principle in JSS sitecore first approach. I am new to react. I need to have a multiple projects under same solution setup.
Here my solution sample.
SafariZoo is my project ...
2
votes
1
answer
329
views
Sitecore 9.0 Update-1 JSS create sample app throw error : Error: connect ECONNREFUSED 192.X.X.117:443
I have Sitecore 9.0 update -1 version and followed (https://jss.sitecore.com/docs/getting-started/jss-server-install) to setup JSS server.
Finally I can test my component like below and its working.
...
2
votes
1
answer
531
views
How to mock Sitecore Context Data in LayoutService for JSS disconnected mode?
Where can I usually mock (for JSS disconnected mode) additional layout service data that I put into the layoutservice response by a "JssGetLayoutServiceContextProcessor".
So if I add additional ...
2
votes
2
answers
903
views
JSS Default Angular App Build Error: Cannot find name 'Exclude'
Install JSS:
npm install -g @sitecore-jss/sitecore-jss-cli
create default react app - runs in Chrome:
jss create jss-react-app react
cd jss-react-app
jss start
create default angular app and ...
2
votes
1
answer
315
views
Changing The Layout Service Response Outside The Json Of A Rendering
For an application I want to remove some levels of data from what jss's layout service returns. My end goal is to have an api endpoint that returns fields on the content items and fields on ...
2
votes
2
answers
883
views
JSS vue - Error with server.bundle.js after jss deploy package
Good Morning,
Yesterday I was working on a fresh install of Sitecore 9.1 and followed the documentation for JSS with vue.
Everything was fine. I was able to connect my local app with my Sitecore.
...
2
votes
1
answer
1k
views
Sitecore JSS integrated mode with subsites
I have created separate bindings for the basic and advanced sample JSS apps as outlined in
https://jss.sitecore.net/#/setup/sitecore-config?id=sitecore-configuration
127.0.0.1 JssBasicApp
127.0....
2
votes
2
answers
115
views
NameValueList in JSS to field type
I'm building a GraphQL query to return back an item and its fields. One field is NameValueList - I can just return it as a string and cast it to an interface
the layout service returns it like this:
&...
2
votes
1
answer
169
views
Self-hosting nextjs [closed]
I couldn't find any information online how this can be done with sitecore.
All documentation talk about hosting it on third-party providers such as Vercel or Netfliy.
But it says next js can be hosted ...
2
votes
1
answer
512
views
Sitecore Jss with Next Js : How to create and use dynamic placeholders?
I am learning Sitecore JSS with Next Js as the front end framework. I am working in Sitecore first approach with Sitecore 10.1. I was trying to develop a three column component which will have a ...
2
votes
1
answer
440
views
How could we apply Hybrid (SSG and SSR) rendering with Sitecore Nextjs
How could we apply Hybrid (SSG and SSR) rendering in a single Sitecore Nextjs application?
We tried this article:
https://github.com/Sitecore/jss/tree/release/18.0.0/samples/nextjs/src/pages
https://...
2
votes
2
answers
563
views
GraphQL Component Query does not effect Layout Service response
Environment:
Sitecore 10.2 XM
Headless 20
SXA 10.2
SPE 6.3
Problem
When I fill in the Component GraphQL Query field for a Json Rendering with something simple like this:
query IntegrationQuery($...
2
votes
2
answers
408
views
How can I change the layoutServiceHost to be read from an environment variable?
Currently the layoutServiceHost is read from a parameter in scjssconfig.json. This means that it needs to be changed and then a rebuild needs to occur for the change to take effect.
Is it possible to ...
2
votes
2
answers
452
views
How to use rendering parameters in shared component using Sitecore JSS
I am using Sitecore 10 with Angular app JSS, I created shared component "Header" like that:
I have a rendering parameters background field, I need to add it in yml files of pages to be ...
2
votes
1
answer
296
views
JSS app deployment issue - imports are disabled on the SXA JSS sites
On JSS deploy getting error:TypeError: Cannot read property 'forEach' of undefined
In the Sitecore log, the error mentioned is: "Import requested wipe import on 'jsssitename' but wipe imports ...
2
votes
1
answer
127
views
Using the Layoutservice with a virtualFolder setup
I am using Sitecore 9.3 JSS with a virtualFolder site setup. My JSS site is located at /jss while there is another (MVC) site running at /.
When running jss start:connected I get "Placeholder not ...
2
votes
1
answer
926
views
How to handle item not found in jss headless
Our requirement is to show site specific error page if the requested page is not found.
We have handled item not found using HttpRequestBegin pipeline Item resolver. If the context item is null we are ...
2
votes
2
answers
239
views
Making sitecorePath dynamic in app definition in Sitecore JSS
In Sitecore JSS, we are defining the app name, Sitecore path etc in the below section:
<app name="GCP"
sitecorePath="/sitecore/content/Home/JSS"
appDatasourcesPath="/...
2
votes
1
answer
612
views
Setting up a basic contact form with Sitecore JSS (not using Sitecore Forms)
I'm building a JSS App and need to set up a basic contact form (sends an email). Since I'm using Sitecore 9.1, Sitecore Forms is unavailable in JSS.
How do I set up an endpoint in Sitecore to send ...
2
votes
3
answers
439
views
Pesonalization rule for the page - not component level
is there any way to show the separate page based on personalisation rule? i need to show one page when the user is authenticated and another page when user is not authenticated.
Personalization is ...
2
votes
2
answers
283
views
best practice for fetching authoring fields in sitecore jss
Ours is a SPA app being built using Sitecore JSS. One of the pages has the requirement to show client info. But the actual client data comes from an API. But the content labels (like Description ,...
2
votes
1
answer
691
views
Virtual Login in Sitecore 9.1 using JSS
We are implementing JSS in headless SSR mode, we would like to know a way to virtually login to Sitecore from our JSS components. I mean the user authentication will happen with an external system ...
2
votes
1
answer
309
views
Removing templates from JSS
I would like to use the advance Angular JSS project as an starting point for a code first approach but I would like to know if it is possible to remove all components that came with that Angular ...
2
votes
2
answers
50
views
Disable dictionary service call in get starter JSS/react template
I am using the Getting Started template, and I can see the dictionary call is initiated by default.
How to disable this call?
2
votes
1
answer
103
views
Sitecore RenderingHost pointing to AzureFrontDoor is serving static files like CSS, JSS slowly and sometimes it gives ERR_HTTP2_PROTOCOL_ERROR
We are using Sitecore version 10.3.0 with JSS and server-side rendering using a Node.js headless proxy. All of our resources are hosted in Azure.
Our Azure Front Door (aaaa.afd.net) is pointed to the ...
2
votes
1
answer
107
views
Sitecore Search Index Sitecore Content using a Request Trigger and Experience Edge
I’m trying to index the Sitecore content with the following settings of the Sitecore search walkthrough https://doc.sitecore.com/search/en/developers/search-developer-guide/walkthrough–configuring-an-...
2
votes
1
answer
612
views
A rendering error occurred: Cannot read properties of undefined (reading 'attributes')
I have Setup the JSS application with Sitecore 10.3. When I am adding the components on page level its working fine but when I added them on partial design they are appearing fine there in experience ...
2
votes
2
answers
344
views
ClientError: GraphQL.ExecutionError: Error trying to resolve rendered
Error while jss start:connected in sitecore jss next js sample app
2
votes
1
answer
900
views
Headless/SXA/Next.JS : Server error : TypeError: Cannot read properties of undefined (reading 'CustomVariant')
We are using Sitecore-10.3/Headless/SXA/NextJS. When we build a custom new component with few custom variants, we receive errors. We will not receive this when we use the "Default variant".
...
2
votes
1
answer
98
views
JSS Deploy app -c -d failing with Status message : Bad Request
Analysis: After searching on Stack Exchange, I did not find the solution. I went through Import process fails : "Unexpected response from import service: Status message: Found" and ...
2
votes
1
answer
280
views
JSS template field names: how to automatically serialize field names in camelCase?
I want to do the following:
Name template fields in the format "My Field Name"
Avoid filling out Display Name fields for each template field
Automatically serialize the field names in ...
2
votes
1
answer
254
views
Incorrect ItemSearchResults generated by "jss graphql:update" command Sitecore 10.2
Can anyone help me with this issue?
Install NextJs app: npx create-sitecore-jss nextjs
jss deploy config, jss setup , jss deploy app
Install the Sitecore Headless Services package
dotnet sitecore ...