All Projects â†’ robbinjohansson â†’ sage-laravel-mix

robbinjohansson / sage-laravel-mix

Licence: MIT license
🌟 Sage 9 with laravel mix & vuejs

Programming Languages

javascript
184084 projects - #8 most used programming language
PHP
23972 projects - #3 most used programming language
HTML
75241 projects
CSS
56736 projects
Vue
7211 projects

Projects that are alternatives of or similar to sage-laravel-mix

sage-vue-tailwind
Sage 10 with laravel mix, tailwindcss and vuejs https://roots.io/sage/
Stars: ✭ 38 (+22.58%)
Mutual labels:  wordpress-starter-theme, laravel-mix, laravel-blade
Air Light
WordPress starter theme - designed to be minimal, lightweight and easy for all kinds of WordPress projects. Public Roadmap: https://favro.com/organization/3b45e73eaf083f68fefef368/c1dd2d4a99d6723904d2e763
Stars: ✭ 285 (+819.35%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
pixels-starter-theme
Starter theme for Pixels projects
Stars: ✭ 13 (-58.06%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+2045.16%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
WordPress-UIkit-Starter-Theme
A WordPress starter theme for developers using the frontend framework UIkit
Stars: ✭ 55 (+77.42%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
theme-lib-mix
A Laravel Mix function for WordPress themes.
Stars: ✭ 33 (+6.45%)
Mutual labels:  wordpress-theme, laravel-mix
luxe
Luxe is a WordPress starter theme using a modern workflow and best practices.
Stars: ✭ 22 (-29.03%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
air
A hyper-minimal WordPress starter theme for developers built with Tailwind CSS.
Stars: ✭ 45 (+45.16%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
Wordpress Bootstrap
Bootstrap in WordPress theme form - Bootstrap 3.3.1
Stars: ✭ 1,494 (+4719.35%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
Sage
WordPress starter theme with a modern development workflow
Stars: ✭ 11,531 (+37096.77%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
Wp Tailwindcss Theme Boilerplate
A minimalist boilerplate for WordPress theme development using Tailwind CSS, SCSS, and Laravel Mix.
Stars: ✭ 199 (+541.94%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
untheme
A blank WordPress theme for developers.
Stars: ✭ 82 (+164.52%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
starter-kit-theme
WordPress starter theme with a modern development stack for launching projects faster and easily
Stars: ✭ 25 (-19.35%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
webpack-gulp-wordpress-starter-theme
A WordPress theme with Webpack & Gulp
Stars: ✭ 110 (+254.84%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
bootstrap-basic
Bootstrap 3 css framework theme for wordpress. For theme developer can start build their theme very fast. To download for use with your project, please go to wordpress.org themes page in the link.
Stars: ✭ 22 (-29.03%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
Flynt
Component based WordPress starter theme, powered by ACF Pro and Timber, optimized for a11y and fast page load results.
Stars: ✭ 363 (+1070.97%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
Create React Wptheme
Create modern, React-enabled WordPress themes with a single command.
Stars: ✭ 252 (+712.9%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
bootscore
Flexible Bootstrap 5 WordPress starter theme with full WooCommerce support
Stars: ✭ 160 (+416.13%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
Theme
Tonik is a WordPress Starter Theme which aims to modernize, organize and enhance some aspects of WordPress theme development.
Stars: ✭ 1,197 (+3761.29%)
Mutual labels:  wordpress-theme, wordpress-starter-theme
Understrap
Understrap is the renowned open-source WordPress starter theme that combines Underscores with Bootstrap. Trusted by more than 100,000 developers.
Stars: ✭ 2,822 (+9003.23%)
Mutual labels:  wordpress-theme, wordpress-starter-theme

sage-laravel-mix

Sage is a WordPress starter theme with a modern development workflow.

This is an extension of the Sage WordPress starter theme, all credit goes to the awesome work made by the guys over at roots. This repo was originally cloned from Sage official repo at 2017-11-01 and will continuously be updated according to changes made at the original theme is heavily outdated.

I have no plans on maintaining/updating this repo since I don't use wordpress anymore. See #6 if you want to contribute.

Different from Sage 9:

  • Laravel Mix as a wrapper for webpack
  • TailwindCSS
  • Vue.js
  • Prepared with WP Glide (Glide)

Installation

This readme assumes you are familiar with Sage and Bedrock structure for Wordpress. If not, head over to https://roots.io/ to learn more.

# @ bedrock/web/app/themes
$ git clone https://github.com/robbinfellow/sage-laravel-mix.git
$ cd sage-laravel-mix
$ composer install
$ yarn
$ yarn dev / production / watch

Laravel mix

Laravel Mix is preconfigured when cloning this theme. However it might be a good idea to review the full documentation on GitHub.

# Compile assets without minification
$ yarn dev

# Watch working assets
$ yarn watch

# Minify and compile assets for production
$ yarn production

WP Glide

Run the following from your bedrock root:

$ composer require frozzare/wp-glide

Use Glide to generate images:

@if(has_post_thumbnail())
    <img src="{{ App::glideImage() }}?w=1200&h=675&fit=crop&fm=pjpg&q=60">
@endif

Protip: Don't forget to activate the plugin after you install it.

Glide documentation

Disable WP Glide

Don't want to use WP Glide? No problem, skip the Glide installation step from above and remove the following lines from /app/filters.php:

add_filter('glide/options', function ($options) {
    $options['cache'] = WP_CONTENT_DIR . '/uploads/cache/glide';
    $options['max_image_size'] = 2000*2000;
    return $options;
});

Documentation

Credits

License

sage-laravel-mix is an open-sourced software licensed under the MIT license.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].