No description, website, or topics provided.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
README.md
gulpfile.js
package-lock.json
package.json

README.md

Sitecore Helix For Frontend - A Sitecore User Group Tale

The repository is an extended example of a possible front-end solution to Sitecore helix projects that David Moore and I presented in the Cardiff Sitecore user group

Getting Started

These instructions will get you a copy of the project up and running on your local machine.

Prerequisites

  • Visual Studio Code
  • Latest version of node.js

Installing

  1. Clone this repository to your local machine, this can be any directory.
  2. Create a folder in your inetpub directory C:\inetpub\wwwroot\SugukDemo
  3. CD to the root directory and run npm install
  4. Run gulp build in command line and this will compile the frontend application and push them to the inetpub directory

Folder structure

src
    Feature
        products
            code
                src
                    products
                        __tests__
                            // tests here
                        scripts
                            // scripts here
                        index.js
            Views
    Foundation
        // nothing in here yet
    Project
        Commercial.Website
            code
                dist
                src
                    app
                        feature
                            products
                                __mocks__
                                    // mocks here
                                __tests__
                                    // tests here
                                scripts
                                    // scripts here
                                styles
                                    // scss partials here
                                index.js
                                index.scss
                        foundation
                            // foundation files here such as breakpoints, variables, placeholders etc...
                        app.js
                        app.scss
        Residential.Website
            code
                dist
                src
                    app
                        feature
                            products
                                __mocks__
                                    // mocks here
                                __tests__
                                    // tests here
                                scripts
                                    // scripts here
                                styles
                                    // scss partials here
                                index.js
                                index.scss
                        foundation
                            // foundation files here such as breakpoints, variables, placeholders etc...
                        app.js
                        app.scss

Built With

  • sass - The preprocessor used
  • gulp - Used to generate the Front-End assets
  • NPM - Dependency Management
  • Babel - ES6 Transpiler
  • Browserify - Bundling dependencies

Authors