ModernWPStarter Tailwind Templates

Modernwpstarter

ModernWPStarter: A comprehensive starter kit for WordPress development, featuring DDEV, Roots (Bedrock & Sage), and Tailwind CSS. It's crafted to kickstart your projects with a modern toolset, ensuring efficient, scalable, and maintainable web development.

Modern WordPress Starter

Modern WordPress Starter

A streamlined WordPress setup designed to kickstart your development process with ease. Leveraging Docker, DDEV, and a bespoke initialisation script, this project aims to provide a consistent and efficient environment for WordPress development.

Features

  • Docker-based environment Ensures consistency across development, staging, and production environments.
  • DDEV integration Offers a simple yet powerful local development environment that's flexible and easy to use.
  • Custom Bash script Simplifies project initialisation, dependency management, and WordPress setup with a focus on best practices.
  • Enhanced security and configuration through environment-specific setups.
  • Tailwind CSS Integration The custom theme comes pre-equipped with Tailwind CSS, enabling you to utilise this utility-first CSS framework for rapid UI development.

Prerequisites

Before you start, ensure you have Docker installed on your system. If you're new to Docker, follow the official Docker installation guide.

DDEV is my chosen tool for managing Docker-based projects, providing a seamless and flexible development environment. If you haven't yet, install DDEV by following the instructions at DDEV's official documentation.

Quick Start

  1. Clone the repository to your local machine:

    git clone "git@github.com:lukebellis/ModernWPStarter.git"

  2. Navigate into the project directory:

    cd ModernWPStarter

  3. run the setup script from your terminal (not from within VSCode or any other IDE's terminal):

    Make sure the script is executable:

    chmod +x setup.sh.

    ./setup.sh

  4. Follow the prompts to customise your WordPress setup, including the site and theme names.

Open your project in Visual Studio Code:

Run code . in your terminal to open the project.

If you're on a Mac and haven't set up the code command, open VSCode, press Cmd + Shift + P, type Shell Command: Install 'code' command in PATH, and press Enter.

Modern WordPress Starter is an open-source project. If it helps you build great sites, consider sponsoring us through GitHub Sponsors or contributing directly to the project.

Top categories

Loading Svelte Themes