Shopify Theme Development - Liquid Theme Architecture

In this video tutorial we will see the theme architecture for a Shopify Liquid Theme. This will help us better understand what each directory is doing and what files should go in each.
Resources
• Liquid Tutorial - • Shopify Theme Developm...
• Liquid Theme Architecture Documentation - shopify.dev/docs/themes/archi...
• Section Input Settings - shopify.dev/docs/themes/archi...
• Integrate a Liquid Theme with Git - • Shopify Theme Developm...
• Liquid Template Types - shopify.dev/docs/themes/archi...
• Deprecating the Include tag and Introducing the Render Tag - shopify.dev/changelog/depreca...
Timestamps
00:00:00 - Introduction
00:02:51 - Snippets Directory
00:08:49 - Assets Directory
00:12:04 - Layout Directory
00:18:18 - Sections Directory
00:20:57 - Section Schema
00:23:45 - Section Settings
00:26:11 - Section Blocks
00:28:30 - Creating a Section
00:41:24 - Section's Data
00:44:40 - Templates
00:50:20 - Creating a json template
00:59:00 - Liquid templates
01:05:15 - Config Directory
01:14:18 - Locales Directory

[@codezeloss]

Thank you so much! Easy to follow + Clear explanation + Amazing as always! Let's jump to the next tutorial...

[@miettoisdev]

straight to the point, useful information from start to finish. good stuff.

[@henryleestudio]

So many little golden nuggets ✨🏆

[@lloydblake5471]

Thanks for the detailed overview of the architecture

[@sheri969]

Excellent explanations, thank you.

[@user-hr4ms3tt7z]

Thank you very much.

[@arifhaiman5]

Really helpful

[@merkmeerz9347]

good stuff 👍👌

[@usama_khalid]

One of the Best...

[@ezramollena7588]

great video!

[@justdoitk]

what is the best solution for creating a theme from scratch without using dawn theme?

[@stackingcontext]

Get a good understanding of how Shopify Themes work and create each file you need yourself.

[@omedjamal1056]

I did exactly the way you did: created a file promotions-group.liquid inside sections folder and add this, but keep giving me this error(sections/promotions-group.liquid: Invalid schema: tag is invalid). I even run shopify theme check -a , still given the error and the section can't be added. Any idea how to solve? Thanks
******
{{ section.settings.title }}
{% schema %}
{
"name": "Promotion Group",
"tag": "Section",
"class": "promotion_wrapper",
"settings": [
{
"type": "text",
"label": "Title",
"id": "title"
}
],
"presets": [
{
"name": "Promotions Group"
}
]
}
{% endschema %}

[@stackingcontext]

The value of "tag" should be in lowercase

[@omedjamal1056]

@@stackingcontext oh , I didn't noticed that. It works. I didn't expect this sensitivity. Is there any way to prevent or find this kind of errors? Thanks again, I am back on rail.

[@stackingcontext]

Not at the moment. You can validate the JSON schema with any JSON schema validator, but for property-specific errors such as the one you had there's no tool available that I'm aware of.