WordPress Boilerplates

There are a lot of things to think about when creating a WordPress plugin or theme. One of the most important decisions you’ll make is what boilerplate to use. A boilerplate is a starting point for your code that includes all the necessary functions and features. In this article, we’ll look at the best WordPress boilerplates for plugins and themes.

• Best WordPress Plugins

WordPress Boilerplates

Sage

Sage is a WordPress starter theme that features a modern development workflow. With Webpack, you can write stylesheets with Sass, automatically check your JavaScript for errors, optimize images, enable synchronized browser testing, and more. Bootstrap 4 is included, as well as support for Foundation and other frameworks.

@extends('layouts.base')

@section('content')
  @while(have_posts())
    {!! the_post() !!}
    @include('partials/content-single')
  @endwhile
@endsection

Next.js Headless WordPress

Next.js Headless WordPress is a good solution for businesses that want the flexibility of a headless CMS, without having to sacrifice the power and convenience of WordPress. With Next.js and WPGraphQL, you can build beautiful, responsive React front-ends that connect to a powerful and feature-rich WordPress back-end.

Features:

1. Home Page, Blog Page, Post Page
2. Post Preview
3. Post Pagination.
4. Load More Posts.
5. SEO Component fetching data Yoast SEO with schema
6. Cypress for tests, Eslint for linting.
7. Apollo Client with GraphQL
8. Api endpoints.
9. Header and Footer in Next.js fetching from WordPress Menu items.
10. WordPress Widgets displayed on Next.js frontend.
11. Site title, tagline, copyright text, sourced from WordPress.
12. Next.js Image component, that has image optimization at request time.
13. Authentication with JWT and Http Only Cookie implementation.
14. Login feature for WP Post Preview in Next.js
15. Incremental Static (Re)generation and automatic creation of New Static post pages without having to re-build next.js the application.
16. Gutenberg styles support

WordPress Plugin Boilerplates

Wppb.me

If you’re like me, you find yourself renaming files and searching for plugin names every time you start a new WordPress plugin. Wppb.me is a generator that takes the hassle out of starting a new plugin. With Wppb.me, you can create a boilerplate that includes everything from file and folder names to package and subpackage names.

It’s based on the Plugin API, Coding Standards, and Documentation Standards, so you can be sure everything is in order. Plus, with a strict file organization scheme and a .pot file for internationalization, it’s easy to keep your plugin organized and ready for translation.

WordPress Theme Boilerplates

_s

Underscores is a clean, lean, and modern theme meant for hacking. It’s ultra-minimal CSS will get out of your way so you can focus on designing the next great WordPress theme. With just the right amount of lean templates and helpful comments, Underscores gives you a 1000-hour head start on creating themes that look amazing and are easy to use.

Underscores is a just-right amount of lean, well-commented HTML5 templates. It includes a helpful 404 template, optional sample custom header implementation and custom template tags to keep your templates clean and neat. Plus, there are small tweaks that can improve your theming experience. And for small screens (like your phone), the menu becomes a toggled dropdown via js/navigation.js.

barebones

With its many powerful features, Barebones makes it easy to create custom sites that look great and function perfectly. So if you’re looking for a foundation on which to build your next top-notch WordPress site, look no further than Barebones.

Barebones is a clean and lightweight theme, without any of the bloats. This makes it easy to strip back existing styles and write your own code from scratch. With its simple and intuitive design, you can focus on writing custom code instead of stripping away excess styles.

barebones is a must-have toolkit for developers who want to focus on their projects, not on hunting down code snippets. With barebones, you’ll have everything you need to get up and running quickly.