A scaffolding package to help you hit the ground running with your next Craft CMS project.
- Craft CMS
- Tailwind CSS
- DDEV configuration
- A sensible directory structure
- Commonly used Craft CMS plugins
Install or update DDEV, then follow these steps:
- Create a project directory and move into it:
mkdir my-craft-project && cd my-craft-project - Create DDEV configuration files:
ddev config --project-type=craftcms --docroot=web - Scaffold the project from this starter project:
ddev composer create -y "clubstudio/craft" - Run
ddev craft installand answer each prompt - Run
ddev launchto view the project in your browser
Next, feel free to read the offical Craft installation documentation.
After setting up Craft, you're almost ready to start building your new project! Before getting started you'll want to configure Vite and pull in all frontend dependencies.
First, add the following to your .ddev/config.yaml:
web_extra_exposed_ports:
- name: vite
container_port: 5173
http_port: 5172
https_port: 5173
and run ddev restart.
Next, install frontend dependencies by running:
ddev npm install
Once the dependencies have been installed, you can compile assets and start a watcher using:
ddev npm run dev
That's it! Happy coding! 🎉
When you've finished working, run ddev stop to shut down the project containers and free up resources.
Craft is a content-first CMS that aims to make life enjoyable for developers and content managers alike. It is optimized for bespoke web and application development, offering developers a clean slate to build out exactly what they want, rather than wrestling with a theme.
Learn more about Craft at craftcms.com.
- Documentation – Read the official docs.
- Guides – Follow along with the official guides.
- #craftcms – See the latest posts about Craft.
- Discord – Meet the community.
- Stack Exchange – Get help and help others.
- CraftQuest – Watch unlimited video lessons and courses.
- Craft CMS Newsletter – Stay in-the-know.