Overview

If you're looking to enhance your Statamic site with a new theme, the process is both straightforward and effective. By following a few simple steps, you can incorporate a custom theme into your project that not only stands out but also functions seamlessly. Whether you want to make slight adjustments or go for a complete overhaul, this method allows you to do so while keeping everything organized.

Getting started with this theming setup is as easy as renaming a directory and running a few commands in your terminal. With Node.js and Gulp at your disposal, you can quickly compile your project, enjoy live reloading, and test your changes effortlessly.

Features

Easy Integration: Simply drop the theme into your Statamic _themes directory and rename it as needed to get started with minimal hassle.
Customizable Settings: Change the _theme: ??? value in the _config/settings.yaml file to personalize your theme name, ensuring it fits your brand’s identity.
NPM Support: Running npm install sets up your environment, ensuring all necessary packages are ready to go. (Just make sure Node.js is installed first.)
Gulp Workflow: Use Gulp to compile your project, initiate live reload, and instantly set up a PHP server at localhost:8000, making development more efficient.
Explore Flexibility: The gulpfile.js is user-friendly, offering multiple functions that allow you to customize your build process according to your specific needs.
Auto-Compilation: All development code written in the dev folder is automatically compiled, streamlining the workflow and ensuring compatibility with Statamic.
Refreshing Experience: The whimsical reminder to “Drink cool-aid” adds a fun touch to the process, encouraging creativity and enjoyment in your development journey.

Kalepail

Boilerplate Statamic Gulp

Starlite Sveltekit