Blog

Filtering by category "react"

CMS for SPAs: Building NextJS Apps with CrafterCMS 4.0.x

Follow this tutorial to learn how to build React-based SPAs using NextJS and CrafterCMS 4.0 Import your NextJS app, create a content model, link your headless services and configure content editing.

CMS for SPAs: Building React Apps with CrafterCMS 4.0.x

Traditional (legacy) CMS platforms are not designed to handle headless content, while most headless CMS platforms aren?t full-featured and have only basic content authoring support. CrafterCMS provides a full-featured content authoring toolset combined with comprehensive headless CMS capabilities for developers, and this combination is quite unique. In this tutorial, you will learn how to create a content-rich, React-based Single Page Application (SPA) with in-context editing and other easy to use authoring capabilities.

Using NextJS with CrafterCMS 3.1

Next.js is a React JavaScript framework that enables you to develop fast, user-friendly applications by combining server-side rendering with statically created pages. Some reasons for using Next.js include speed, performance, and scalability. Th

What is Material UI

With customers looking for more aesthetically pleasing designs, the world is witnessing several advancements in frontend design frameworks, libraries, and tools to deliver these designs. These technologies have helped companies improve customer engag

The Best Developer Experience: A Technology Agnostic CMS

One of the biggest pet peeves for a software developer is being forced to use legacy technologies that were dictated by prior decisions from another era. Unfortunately, this happens all the time when developers need to use certain frameworks to build

Next.js In Review: An Exceptional Experience for Developers Building on a Headless CMS

Facebook's React  UI framework, introduced in 2013, has been a trailblazer in the frontend world since its introduction. Developing dynamic websites with rich functionality was hard back then, and many devs (and upper management) considered Java

RedwoodJS: A Rails-Inspired Experience for Full-Stack Javascript

When Jordan Walke first released React.js in 2013, it was a revolutionary moment for many frontend developers. Using a virtual DOM and one-way data flow, he greatly simplified reasoning about web applications compared to other approaches at the time.

In-Context Preview for Gatsby with CrafterCMS

GatsbyJS is a ReactJS and GraphQL based Static Site Generator that is great for developers and Ops but what about the content creators? Content Creators what in-context features like preview, point-n-click editing and drag-n-drop. CrafterCMS and Gatsby provide the solution.  

5 Areas of Focus for CrafterCMS in 2019

It?s almost 2019 and we couldn?t be more excited with what?s in store for CrafterCMS in the coming months. What?s on the roadmap? Here is a quick summary of five main areas of focus that we know will help Crafter to remain the best CMS platform for innovative organizations.

CMS for SPAs Tutorial: Using React and Node JS with CrafterCMS 3.x

The most traditional, full-featured CMS platforms are not designed to handle headless content and most headless CMS platforms aren?t full-featured and have only basic authoring support. CrafterCMS is both full-featured and fully supports headless CMS capabilities. That?s pretty unique. In this tutorial, you will learn how to create a content-rich, ReactJS-based Single Page Application (SPA) with in-context editing and other full-featured authoring capabilities.

Headless CMS: Enable In-Context Preview and Editing in an External Application

Do you have an existing application that has content in it that you want to manage but you don?t want to completely rebuild in a CMS? This use case is more common than you can imagine. Developers start building an application only much later to find it would benefit from CMS authoring capabilities like in-context editing and preview. What?s the solution? Rebuild the application? No. CrafterCMS is a headless CMS that?s front-end agnostic. It can plug into any application. Let?s look at a very simple example. Just recently I posted a blog that used Node JS an external application that called CrafterCMS headless CMS capabilities for content via APIs.

CMS for SPAs (2 of 4): Save the Content Authors

In Part 1 of the series CMS for SPAs: Are Single Page Applications and Headless CMS a Slam Dunk?  we looked at the trend toward Single Page Applications (SPA) and Headless Content Management Systems (CMS) in general. SPA applications are becoming the de facto way to build web-based applications and sites. Headless CMS is a decoupled, API-first approach to content management that aligns neatly with SPA architecture. Further, the decoupled nature of the architecture makes content more reusable (multi-channel) and completely divorces development from the CMS allowing for greater freedom and agility for developers. While these can be seen as major wins, several developer and DevOps issues remain while others have been created. Further, most of the headless CMS solutions available today set content authors back nearly 20 years in terms of content editing and workflow tooling and practices. In this installment, we?ll focus on the various ways content authors have been impacted by headless CMS and how CrafterCMS addresses these issues to provide authors with true headless CMS support for SPA applications.