Advanced WordPress starter theme with Tailwind CSS SASS/SCSS and Laravel Blade

Adapted and edited by @yCodeTech for usage with Laravel Mix.

---

Website    Documentation    Releases    Community

Overview

Sage is a WordPress starter theme with block editor support.

• Harness the power of Laravel and its available packages thanks to Acorn
• Clean, efficient theme templating utilizing Laravel Blade
• Modern frontend development workflow powered by Bud Laravel Mix
• Out of the box support for Tailwind CSS SASS
• Out of the box support for log1x/sage-directives

Getting Started

See the Sage installation documentation.

This Laravel Mix adaptation of Sage 10 is for Bedrock installs. See the Bedrock installation documentation. The instructions below assumes you have knowledge of the Laravel Mix settings, and most other non-documented setting up steps.

1. Once Bedrock is installed, in the root directory, install roots/acorn with composer require roots/acorn. Then add the following into the scripts section of the composer.json

   "post-autoload-dump": [
   	"Roots\\Acorn\\ComposerScripts::postAutoloadDump"
   ]

2. In the themes directory either clone this repository or download the zip file and unzip it into the directory.

   • If cloning, you can specify the sage theme directory name in the git command, otherwise it will be the same name as this repo. Example:

     git clone [email protected]:yCodeTech/sage10-laravelmix.git sage-theme

     (Note: the theme name in WP will be Sage 10 Theme, unless it's changed in the style.css file.)

3. Do a composer install and a npm install in the new sage theme directory.

4. Activate the theme in wp-admin and start coding locally with Laravel Mix.

Laravel Mix Commands

npx mix watch - Compile assets, watches the files for any changes, and start Browsersync session.

npx mix --production - Compile assets for production.

Stay Connected

• Join us on Discord by sponsoring us on GitHub
• Participate on Roots Discourse
• Follow @rootswp on Twitter
• Read the Roots Blog
• Subscribe to the Roots Newsletter

Sponsors

Sage is an open source project and completely free to use. If you've benefited from our projects and would like to support our future endeavors, please consider sponsoring Roots.