Craft CMS starter / boilerplate project with ddev for local development, tailwind, and alpinejs
Overview
The Craft CMS Starter Project is a robust boilerplate designed for developers looking to efficiently set up and manage their Craft CMS projects using DDev. This opinionated setup embraces modern front-end technologies, incorporating Tailwind CSS for styling and Alpine.js for JavaScript functionality, thus paving the way for seamless development and a delightful user experience. Whether you’re building a new site or updating an existing one, this starter kit provides the foundational elements to streamline the development process.
Developers using this starter project can benefit from a comprehensive build process and easy-to-use scripts that simplify tasks, making their local development environment efficient and aligned with best practices. With features ranging from easy local setup to accessibility considerations, this project aims to cover various aspects of web development, ensuring that sites are not only visually appealing but also functional and accessible.
Features
- DDEV Custom Command: Easily launch both the control panel and homepage, or specify paths for direct access with custom DDev commands.
- Tailwind CSS Integration: Utilize Tailwind CSS to create responsive designs quickly, enhancing the overall aesthetic and functionality of your site.
- Local Development Setup: Quickly configure your local environment with DDev ensuring a smooth workflow, with ports and PHP versions that can be easily adjusted.
- Seamless Database Import: Import seed databases with a single command to kickstart your project with pre-defined settings and content channels.
- Accessibility Focus: Built with accessibility in mind, featuring to-do items to ensure compliance with standards like proper aria labels and alt text.
- Email Configuration: Set up email settings for staging and production environments using MailHog, simplifying testing and development without external dependencies.
- Alpine.js Support: Manage dynamic behavior on your site with Alpine.js integrated directly into your project, moving away from reliance on CDNs.
- Content Management Features: Includes a setup for common content types and forms, such as a contact form, and various customizable hero sections for enhanced user engagement.