Project Structure

Typical structure we usually have on a theme based on Cornerstone 6.5+:

├── assets
│   ├── fonts
│   ├── icons
│   ├── img
│   ├── js
│   └── scss
|   |   ├── ysw
|   |   |   ├── base
|   |   |   ├── components
|   |   |   ├── fonts
|   |   |   ├── layouts
|   |   |   |   ├── category
|   |   |   |   ├── container
|   |   |   |   ├── products
|   |   |   ├── settings
|   |   |   ├── utilities
|   |   |   ├── vendor
├── grunt
├── lang
│   ├── en.json
│   ├── ...json
├── meta
│   ├── composed.png
│   ├── ...png
├── templates
│   ├── components
│   ├── layout
│   └── pages
|   ├── ysw
|   |   ├── addons
|   |   ├── child-theme
|   |   ├── components
|   |   ├── widgets
├── CHANGELOG.md
├── Gruntfile.js
├── README.md
├── babel.config.js
├── config.json
├── jest-eventemitter2-transformer.js
├── jest.config.js
├── jest.setup.js
├── lighthouse-config.js
├── package.json
├── schema.json
├── schemaTranslations.json
├── stencil.conf.js
├── webpack.common.js
├── webpack.dev.js
└── webpack.prod.js

Big Commerce

Developer Docs

• Stencil Docs
• Theme Objects
• Handlebars Helpers

Big Commerce Certifications

• BigDev
• Stencil & Advanced Widgets API

Repo with Code Examples

• Snippets Code
• Base Theme Setup for Fast Development

Cornerstone Base Theme

• Theme Manual
• Theme Repo

Coding Standards

• Airbnb JavaScript Style Guide
• Sass Style Guide

Bigcommerce Utilities

• bulk_discount