Last week, first part of my two parts series on decoupled WordPress Gatsby site was published in the CSS Tricks. To-day, its second part Creating a Gatsby Site with WordPress Data is out. This second part walks through how a WordPress sites is decoupled with WPGraphQL to create a Gatsby site with WordPress data end.
Refactoring Gatsby Header with a Dynamic Menu Component
Note: This post is part of Learning Gatsby series. This learning post is still in active development and updated regularly. In components based websites like ReactJs, GatsbyJs, Vue and others reusable components play an important part. Components like <Header />, <Footer />, <Layout /> and others are often shared throughout the site. In most Gatsbyjs […]
WooCommerce GraphQL API
WPGrahQL API is getting popular because of developers’ interest on decoupled Gatsby WordPress sites. Recently I used in one of my project to migrate a WordPress data to a decoupled Gatsby site. Because WooCommerce plugins powers about 40% of e-commerce sites, interest on decoupled woocommerce Gatsby sites is natural because security & speed conferred by […]
CSS Tricks: My Long Journey to a Decoupled WordPress Gatsby Site
I had prepared my decoupled learning journey for a while and then thought to share with others and choose to submit to the CSS-Trick. Here is My Long Journey to a Decoupled WordPress Gatsby Site published to-day in the CSS-tricks.
Learning to Use CSS Modules in Gatsby
Note: This note is part of learning Gatsby series and still in development. This note is not complete and will be updated frequently. In ReactJs and GatsbyJS, styling components can be achieved in many different ways, including CSS Module. In Gatsby site, CSS Module works out of the box. One of the major advantages of […]
Developer Tools For Designers
Derek Shirk’s post Developer tools for designers describes some commonly used developer tools in Firefox and Chrome browsers. These tips said to work in both browsers.
Another helpful link Ten modern layouts in one line of CSS by Una Kravets ‘highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts’.