Skip to main content

Sitecore SPEAK3 Starter Template

Hi,
I've created a starter application for SPEAK3 development. Source is available on GitHub.
This starter application is based on offical SPEAK3 reference application which is available on the Sitecore's page.

Starter template has the following features

  • app.module.ts contains several Sitecore SPEAK component import
    • You can check what different components look like in this repository
  • Sample service page which has a sample service
    • Sample service consumes mock service in disconnected mode
    • A sample datacontract
  • Sample mock service which produces mock data in disconnected mode

How to use Starter template

  • Clone Github repository
  • run npm install command in the project directory
  • run npm run start to run project in disconnected mode
  • Open http://localhost:4123 in your browser

How to build starter application and add to your Sitecore

  • Run npm build command in project directory
  • Copy <projectroot>\dist folders content to <sitecoreInstance>\shell\client\applications\startertemplate folder
  • Open your browser: http://<sitecoreInstance>/sitecore/shell/client/Applications/StarterTemplate
  • SPEAK starter application runs within Sitecore, consumes Sitecore's services, like LogoutService, and sc-account-information component shows the logged in sitecore user

Rename the application

  • Open the package.json file
  • Update the build  command's --base-href parameter
  • Open the index.html  and change the text within the <title> tag
  • Open the app.component.html  and change the appName attribute on sc-global-header component
  • Build your application and copy files to <sitecoreInstance>\shell\client\applications\<yourAppName> folder
  • Open your application by calling http://<sitecoreIstance>/sitecore/shell/client/Applications/<yourAppName>
  • Now you can add a shortcut to Sitecore's Launchpad
Hopefully more Sitecore SPEAK3 related content is coming on this blog, stay tuned!

Screenshots




Labels:

Comments

Post a Comment

Popular posts from this blog

Sitecore 8.1 upgrade from 7.2

In the following post, I would like to share my experiences with regard to Sitecore upgrading and highlight some points. We have a project which is running on Sitecore 7.2 update 4. (This project was originally developed on Sitecore 6.5, but we upgraded it a few months ago) We have decided to upgrade that project to 8.1.  Probably you know there are more ways to move a project to Sitecore 8. e.g: You can create a new Sitecore 8 instance and transfer your content into the new instance. But we wanted to try the in-place upgrade process when the process modifies the existing instance. Moreover, we were curious how we can move old DMS data to xDB.  Step 1: Upgrade to 7.5 (Initial release) If you are already on Sitecore 7.2 you can move your solution to 7.5. Probably this is the hardest and slowest part of the path. Note: Always read and follow the upgrade notes from Sitecore before you start.  Before you start 7.5 upgrade, you will need: 7.5 update package (in...
7 comments
Read more

Create custom Sitecore Search Crawler

Hello, I would like to show an implementation of a custom crawler which prevents indexing items under specific paths. This is useful when you want to exclude a whole subtree from your index configurations. e.g: You have a multi-site structure which contains 3 sites. You want to implement search funcationlity on one of the sites (call site A) and visitors should be able to search in site B content, but content from site C should not be visible, and you dont want to break relevancy of the search result. The first step is create a class, call CustomCrawler.cs. This class should be derived from SitecoreItemCrawler class. Now, you can overwrite IsExcludedFromIndex method. If you are ready, you should change crawler in the search config. Add paths to ExcludeRoot node and seperate them by pipes. That's all. Now items are not indexed from the excluded paths, and you don't break the relevancy.
2 comments
Read more

The strange behavior of Sitecore Search with cloned items

Today I would like to share some strange behavior noticed when using Sitecore search with cloned items. Sitecore support was also able to reproduce this. I tested it using Lucene and Azure searches, and both of them displayed the same behavior. I will update this post when I get an update from Sitecore Support. Context We have a multi-site solution where some types of items can be shared with other sites using item cloning features. eg The editor creates a news item on the first site, they can then clone this news item to any other site. If the editor wants to edit the news item, they need only edit the original item and any changes will be reflected the clones immediately.  Let's assume, we have the following structure within Sitecore: We have the following index configuration for the "Global Site", called global_site_master_index After an index rebuild, global_site_master_index  contains items from the  Global Site . Let's clone FirstSite_Ne...
2 comments
Read more