If I create a JSS react component and import it into Sitecore, can I add it to my Available Renderings in my SXA site and then add it to a page in my SXA site or vice-versa (i.e. add an SXA component to a page in my JSS Page?) I tried doing that although the component shows up successfully when I try to add the component to my SXA page in Experience Editor, I cannot see the component on the page, after I associate the Data content with it.
Sitecore: Using a JSS React component in an SXA site
962 views Asked by Anthony Fernandes At
1
There are 1 answers
Related Questions in REACTJS
- ussd reader in Recket Native module
- Teams tab application returns SSO error in mobile Outlook
- Github Pages Deployment deploys a blank page
- Is there any way to glow this bulb image like a real light bulb
- Optimize LCP ReactJs
- Page in React only renders elements after refreshing
- Unable to Post Form Data to MongoDB because of picturepath
- MERN Stack App - User Avatar Upload - 500 Error After Deployment on Render
- Hooks are not supported inside an async component error in nextjs project using useQuery
- How to change the Font Weight of a SelectValue component in React when a SelectItem is selected?
- On the server side, it returns undefined but on the client side, logs the values no problem
- Multilevel dropdown with checkboxes in Select component
- TypeScript Error only on big type only when assigned to a variable
- Deployment through app engine, cloud sql database, problem connecting with server code, doesn't connect
- Data is not filtering in props. Showing passdata.map is not a function
Related Questions in SITECORE
- How to Customize Sitecore Copy operation
- Joomla 5..0.3 delay in search
- What's the event for when a Branchitem has finished creating?
- Convert Sitecore data sources to Guid, programatically
- How to specify an existing ItemId While uploading Media Items to Sitecore XM Cloud using UploadMedia mutation?
- Sitecore to WordPress migration
- Why changing template in Sitecore using powershell script creates a version in English language even if there no version exists?
- I want to convert sitecore search facet filter from multiple to single
- Sitecore - select fields and write to an excel sheet by changing the field names in Powershell
- Coveo for Sitecore: Precondition failed: The parameter 'p_ApiKey' must not be an empty string
- In Sitecore 10, why would my Content Editor Panel not open
- Not loading CSS files after login to my sitecore instance
- AWS - Amazon.Extensions.S3.Encryption.AmazonS3EncryptionClientBase is attempting to implement an inaccessible interface
- Cannot use import statement outside a module - jest + nextj.js
- To get the sitecore username who created sitepage
Related Questions in JSS
- I have problems running flask. Period
- Can't change BG color of div if it has a certain img title
- Changing div color if there is a certain img
- I want to convert sitecore search facet filter from multiple to single
- ReactJS: CSS in JS Dynamic Values/Theming Slows render
- Sitecore NextJS Dynamic Placeholders
- jss nested camelCase classes are converted to kebab-case
- How to dynamically import a component in sitecore jss inside next js application?
- React-jss has a weird behavior for styles
- I am using CSS animations, when I load/reload component/page it jerks like it's moving from right to left, after that it works fine what to do
- How to implement react-jss in next.js13 app directory
- remove jss prefix from production build
- How to add additional classes that gets styling from separate CSS file?
- How to add fading transition on a changing image?
- Why do tailwind breakpoints not work in this case with Next.js?
Related Questions in SITECORE-SXA
- how to set session time out for content authors in Sitecore 10.2?
- Sitecore Forms - Custom control with dropdown of input controls
- Sitecore and Cloudflare - Personalization problem
- Sitecore SXA - How to have shared layout?
- How to fix the problem of Sitecore position fixed in Experience editor? - SXA 9.3
- Sitecore - Is it possible to have target="_blank" on Image SXA Component
- Sitecore - Object reference not set to an instance of an object - Launchpad
- Sitecore SXA - Scriban error with sc_beginfield, can't be found
- Unexplained SOLR query
- Scroll up in Rich Text Editor at all saves - Sitecore
- Format HTML in Scriban
- How to include another Scriban template in a template as partial?
- How to use array.filter in Scriban?
- Sitecore SXA - Multi-Root TreeList - Data Source Query
- Item can be accessed via Display Name and Item Name if useDisplayName is true?
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
You definitely can combine SXA and JSS, but the most common use case would be at an app level, not necessarily at a component level... As you would normally just build out the component with the framework you are using.
You can look through the docs on managing JSS apps within an SXA site to get more of an idea how it would work Here
Depending on your server setup and taking into account that the Experience Editor behaves very differently with JSS than it would when viewing the live site, I don't think anyone could give you the right direction here.
To get some proper advice and if you are actually doing this the guys in the sitecore slack would be keen to help:
Slack Request Form