File Structure

Below is an overview of the web base file structure, for brevity we are only highlighting key areas here.

{Project Root}

./config/ (The standard Craft CMS configuration folder)

./db/ (Contains the latest DB dump)

./plugins/ (Any custom Craft CMS plugins that are in use)

./src/ (JS and SCSS source files, before transpilation)

./src/js/

./src/js/components/ (Contains JS Modules that are scoped to a component)

./src/js/pages/ (Contains JS Modules that are scoped to a page)

./src/js/app.js (This is where all JS for the site really begins)

./src/scss/

./src/scss/components (SCSS scoped to components)

./src/scss/pages (SCSS scoped to pages)

./src/scss/project-config.scss (Any SCSS only project config can go here)

./src/scss/tailwind.config.scss (Auto SCSS Export of tailwind.config.js)

./templates/ (TWIG Pages, Components, etc...)

./web/ (The webroot folder, static assets and uploads)

./.env (The Craft CMS configuration file)

./.deployignore (Files that deployHQ should not upload when deploying)

./package.json (Node Packages and NPM scripts)

./tailwind.config.js (Contains BOTH Theme and Tailwind Config)

./webpack.config.js (Configuration for Webpack)