The latest articles on DEV Community by Little Boat Digital (@littleboatdigital). https://dev.to/littleboatdigital https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Forganization%2Fprofile_image%2F3117%2Fa23d2c4f-c18b-4775-94d8-4a560422c4ae.jpg https://dev.to/littleboatdigital en Ste Wed, 20 Jan 2021 17:21:01 +0000 https://dev.to/littleboatdigital/why-little-boat-3-prismic-20al https://dev.to/littleboatdigital/why-little-boat-3-prismic-20al <p>Here at Little Boat Digital, we've tried all different types of headless (and not so headless!) CMS's. and we've decided to back Prismic. </p> <p>Whilst this doesn't mean we won't use the others, everything has its merits, we're using Prismic for <a href="https://littleboat.digital" rel="noopener noreferrer">our website</a> and will offer it to future clients.</p> <p>Now. Enough about <strong>us</strong>, why did we pick it?!</p> <h2> Why Prismic? </h2> <h3> Gatsby support for previews </h3> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqfqt3sq32fj7qaomrfo8.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fqfqt3sq32fj7qaomrfo8.png" alt="The preview button"></a></p> <p>A lot of issues we had with other headless options, is a lot of our clients wouldn't want to wait for a staging site to rebuild before seeing their content where it'll actually live.</p> <p>With Prismic, and a little magic &amp; configuration, we were able to set up support against <strong>our live site</strong>, getting rid of the need to have a staging server. </p> <h3> WYSIWYG schema editing </h3> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fuomdcdoqdhho1r4p7pe7.jpeg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fuomdcdoqdhho1r4p7pe7.jpeg" alt="Custom blocks"></a></p> <p>Whilst not essential, it's super nice to be able to drag a few content types out from an interface and call it a day.</p> <p>Our clients can essentially make a new page/content type on the fly, pass it over to us as requirements and then we can build around a page with the data they're wanting. <em>Mindblowing!</em></p> <h3> Slice Machine </h3> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0297gd6qrvgigdty19qq.jpeg" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0297gd6qrvgigdty19qq.jpeg" alt="Slice Machines"></a></p> <p>Whilst this isn't a feature for Gatsby (yet), using slice machines in Next is next level. In the past, we've had to create a <code>BlockBuilder</code> component to wrap our slices, loop over them, and a whole tonne of markup to get there.</p> <p>With slice machines, they abstract a lot of that away, giving you a one line option to run instead.</p> <p>I hope this list, despite being short, gives you some thought for your next CMS. I feel I ought to say, Prismic didn't pay for this post, no sponsorship etc. I just love what they're doing over there and I'm excited to see what happens next.</p> prismic gatsby cms