{"id":3105,"date":"2024-07-22T16:34:43","date_gmt":"2024-07-22T21:34:43","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=3105"},"modified":"2024-07-22T16:34:44","modified_gmt":"2024-07-22T21:34:44","slug":"how-we-use-ddev-vite-and-tailwind-with-craft-cms","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/how-we-use-ddev-vite-and-tailwind-with-craft-cms\/","title":{"rendered":"How we use DDEV, Vite and Tailwind with Craft CMS"},"content":{"rendered":"\n<p>I love a good post from real-world developers building real-world websites for clients that share how they work and the tools they use. Here, Joshua Pease of Viget shares <a href=\"https:\/\/www.viget.com\/articles\/how-we-use-ddev-vite-and-tailwind-with-craft-cms\/\">How we use DDEV, Vite and Tailwind with Craft CMS<\/a>, which is a change from webpack and Docker.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Goodbye complex esoteric Webpack configuration, hello\u00a0<a href=\"https:\/\/vitejs.dev\/\">Vite<\/a>. Goodbye complex esoteric Docker Compose configuration, hello\u00a0<a href=\"https:\/\/ddev.com\/\">DDEV<\/a>. This small change in tooling has completely transformed our development experience.<\/p>\n<\/blockquote>\n\n\n\n<p>Plus <a href=\"https:\/\/github.com\/vigetlabs\/craft-site-starter\">a repo<\/a>.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I love a good post from real-world developers building real-world websites for clients that share how they work and the tools they use. Here, Joshua Pease of Viget shares How we use DDEV, Vite and Tailwind with Craft CMS, which is a change from webpack and Docker. Goodbye complex esoteric Webpack configuration, hello\u00a0Vite. Goodbye complex [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3107,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[214,212,213,215],"class_list":["post-3105","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-craftcms","tag-ddev","tag-tailwind","tag-vite"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/07\/vite.webp?fit=2050%2C1153&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/3105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=3105"}],"version-history":[{"count":1,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/3105\/revisions"}],"predecessor-version":[{"id":3106,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/3105\/revisions\/3106"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/3107"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=3105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=3105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=3105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}