Install and Update Composer

Go to Composer, run: cd ~/sites/project-name/site Delete installed.json, run: rm -rf vendor/composer/installed.json Delete composer.lock, run: rm -rf composer.lock Clear Composer’s cache, run: composer clear-cache && rm -rf ~/.composer/cache Install or update composer, run: composer install composer update

Setting Up WP Sync DB with Composer and Bedrock

It’s come to my attention that WP Sync is frowned upon because it’s ripped off from WP Migrate and it’s also unsupported, so I’ll be rewriting this article for WP Migrate. Install WP Sync DB to Composer: Navigate to your /project-name/site/ directory in command line Run: composer require wp-sync-db/wp-sync-db:dev-master@dev Run: composer require wp-sync-db/wp-sync-db-media-files:dev-master@dev Commit to … Continued

Customizing Woocommerce w/ Sage 9

Make Sage 9 Woocommerce compatible Create 2 files in sage/templates/woocommerce/ – archive-product.php and single-product.php Add only <?php echo App\Template(‘woocommerce’); to both of them and save Create a file in sage/templates/ – woocommerce.blade.php Add only: @extends(‘layouts.base’) @section(‘content‘) @php(woocommerce_content()) @endsection Add custom /sage/assets/styles/components/woocommerce.scss to link up variables.scss and bootstrap’s css (Don’t forget to import it to main.scss) Add custom /sage/src/woocommerce.php to … Continued

Sage 9 Setup

Don’t forget to: Vagrant up: Open terminal and run: cd sites/project-folder/trellis && vagrant up Run: open . to open finder Backup original on Github: Open Github desktop app Find theme in Finder Drag and drop into Github Create and add Name “The Creation”, and commit Publish Name, and push repository Back in terminal, navigate to your sage … Continued

Installing Roots (w/ Sage-9)

If you already have your SSH key added to DigitalOcean, skip to step 4. If you already have an SSH key, but it’s not connected to your DigitalOcean, you only need to do steps 3.5-7. If you don’t have an SSH key yet– in your command line, go to your root directory and create a new SSH key: … Continued

Project Blueprint: Backlinko.com

Prerequisite: Quick setup Planning: Timely: Time Tracking App Corresponding Trello board Discovery: Backlinko Priority 1: Local Deployment via gulp watch Remove any unnecessary hosts Installing the Roots package– Bedrock, Trellis, and Sage Priority 2: Deploy Staging Environment Deploying Bedrock and Sage via Trellis Priority 3: Develop Local Site then Deploy to Staging Design Site Create Hand Drawn Mockups Design … Continued

Getting Started with React.js

Table of Contents: 1. Introduction: Why React is Different 2. Component Basics: 2.1 First Component 2.2 Jsx vs. React.DOM 2.3 Managing States 2.4 Props Events/Refs Best Practices Directional Flow of Data 2-way Data Binding Build Processes Build an Application 1.1 Why React is Different: What is React?   Released in 2013 Bi-product of Facebook R&D Used … Continued

Gravity Forms Notifications Using the Twilio Add-on

Instant Lead Notifications: When I built a website on Bootstrap earlier this year, we were using to Zapier to notify the client of leads and submissions. When you’re a hosting company branded around being fast, you want to be punctual getting back to the prospects. To keep my overhead low, I was on the free … Continued

Project Blueprint: Jackalope.io (v2.0)

Prerequisite: Quick setup Planning: Timely: Time Tracking App Corresponding Trello board Discovery: Jackalope Media Priority 1: Local Deployment via gulp watch Remove any unnecessary hosts Installing the Roots package– Bedrock, Trellis, and Sage Priority 2: Deploy Staging Environment Deploying Bedrock and Sage via Trellis Priority 3: Develop Local Site then Deploy to Staging Design Site Create Hand Drawn Mockups … Continued