Sitecore JavaScript Services - How To Publish JSS Components As NPM Packages

March 06, 2019
#Sitecore#JSS#JavaScript#react

This post is part of a series - Sitecore JavaScript Services (JSS) Sandbox

Component reuse is an important subject for developers. As I was building structural grid components for my JSS app, I thought, “all projects need grid components, so is it possible to package these up for reuse?” So I set out to create a POC of the idea. This post shares how I published JSS components as an npm package that can be imported into other JSS projects.

Read More

Sitecore JavaScript Services - Troubleshooting Errors of Going Connected

February 20, 2019
#Sitecore#JSS#JavaScript

Similar to disconnected mode, connected development mode also runs your JSS app on a local server (http://localhost:3000). The difference is that in disconnected mode the app is hydrated with content from yaml/json files, but in connected mode the app is hydrated with content from Sitecore.

To run connected mode, I needed to deploy my app to Sitecore, which did not go smoothly. This post covers the errors I experienced and how I solved them.

Read More

Sitecore JavaScript Services - Creating Custom Routes and Displaying Route-Level Fields in Components

February 13, 2019
#Sitecore#JSS#JavaScript#react

This post is part of a series - Sitecore JavaScript Services (JSS) Sandbox

My "jss-sandbox" site is going to showcase upcoming Sitecore community events. But before I could start the fun part of building components, I needed to create some mock content.

Read More

Sitecore JavaScript Services - Manifest API Demystified

February 08, 2019
#Sitecore#JSS#JavaScript

This post is part of a series - Sitecore JavaScript Services (JSS) Sandbox

The manifest API is important for modeling Sitecore data in disconnected, code-first workflow. If you are using a Sitecore-first workflow, then you do not need to worry about the manifest.

Read More

Sitecore JavaScript Services - Customizing Scaffolding of Components

January 30, 2019
#Sitecore#JSS#JavaScript#react

This post is part of a series - Sitecore JavaScript Services (JSS) Sandbox

This post explores customizing the jss scaffold command. This post is part of a series on learning to work with Sitecore JavaScript Services (JSS).

When I followed the “Getting Started” guide from JSS Documentation to learn how to create new components, there was one section in the docs that caught my eye: Your First Component | Sitecore JSS Documentation

Read More

Automate creation of new Sitecore projects using Yeoman

October 27, 2018
#Sitecore#JavaScript#yeoman

Visual Studio solutions for Sitecore projects are quite complex, as there are multiple integration points to manage. Automating the solution setup process accelerates project kick-off and enforces consistency across the development team.

This post demonstrates how to use Yeoman to create a custom Sitecore project generator. With Yeoman, we can create a Sitecore solution template that's source controlled and collectively managed.

Read More

Run Gulp Tasks from the Comfort of Visual Studio

October 26, 2018
#Visual Studio#JavaScript#gulp

If you are a back-end Sitecore or .NET developer who spends most of your time inside Visual Studio, and your project utilizes gulp tasks, then I'm sure you understand the convenience of the Task Runner Explorer. This window allows running gulp tasks from within Visual Studio, and (even cooler) it allows binding specific tasks to MS Build targets. There's just a couple steps needed to get this window to work correctly.

Read More

A guide to automating Sitecore development tasks with Gulp

January 10, 2018
#Sitecore#JavaScript#gulp#yarn

This tutorial is aimed at Sitecore/.NET developers who are new to the node universe. In the previous post we set up a Sitecore project with 2 renderings that utilized ES6 JavaScript modules. We compiled and bundled the JavaScript modules and their 3rd party dependencies using npm and rollup. Today we will improve our setup by adding automation. We will utilize the following frameworks:

Read More

A quick-start guide to using Node to bundle JavaScript modules for Sitecore

December 03, 2017
#Sitecore#JavaScript#rollup

This tutorial is aimed at Sitecore/.NET developers who are new to JavaScript compilation. We will build Sitecore renderings that use JavaScript modules, and learn how to bundle those modules with rollup.

Read More
© 2018-2019 Anastasiya FlynnDisclaimerRSS