Butter CMS Overview
Explore the features, benefits, and best use cases of Butter CMS, a versatile headless content management system ideal for developers and marketers alike.
#Butter CMS#HEADLESS CMS#React CMS#NextJS CMSHygraph CMS Overview
Ideal for developers and businesses considering a flexible, scalable content management solution, the article concludes with an invitation for a free consultation for those interested in leveraging Hygraph for their projects
#Hygraph#HEADLESS CMS#React CMSKentiko Content Overview
This article explores Kentico Kontent, a headless CMS ideal for delivering content across multiple platforms. It highlights its key benefits, including flexibility and scalability, and invites readers to a free consultation for those considering its adoption
#Kentiko#HEADLESS CMS#React CMSGhost CMS Overview
This article provides an overview of Ghost, its best use cases, major advantages, and capabilities, and offers insights into how it can elevate your content management strategy.
#Ghost#HEADLESS CMS#ReactStrapi CMS overview
Explore Strapi, a leading headless CMS that empowers developers and content creators to build scalable and secure online experiences. Discover its unique features, best use cases, and advantages in this comprehensive overview.
#Strapi#HEADLESS CMS#React CMSBest Headless CMS for React in 2024
Comparison of the best headless CMS options available on the market, including the best use cases and pricing models for each.
#React#React CMS#NextJS CMS#HEADLESS CMSPrismic CMS overview
Navigate the world of Prismic, a headless CMS that marries simplicity with power, offering seamless content management and delivery for Next.js projects
#Prismic#HEADLESS CMS#NextJSPayload CMS overview
Discover how Payload CMS combines the power of headless content management with developer-focused features for project flexibility and control.
#Payload CMS#HEADLESS CMS#NextJS CMSContenful CMS overview
Dive into Contentful's world to see how it simplifies content management across various platforms, perfect for developers and creators alike
#Contentful#HEADLESS CMS#NextJS CMSDirectus CMS Overview
Explore Directus, an open-source headless CMS perfect for custom web applications, data visualization, and enterprise content management. This overview highlights its best use cases, advantages, and capabilities tailored for Next.js projects.
#HEADLESS CMS#Directus#NextJS CMSStoryblok CMS overview
This article delves into the best use cases, major advantages, and the full spectrum of what Storyblok can offer to developers and content creators. Whether you're building from scratch or considering a migration, find out how Storyblok can elevate your web project.
#NextJS CMS#STORYBLOK#HEADLESS CMSSanity CMS overview
Delve into how Sanity CMS transforms content collaboration and management across diverse digital landscapes.
#SANITY#NextJS CMS#HEADLESS CMSGoogle Consent Mode v2
This article is intended to answer basic questions about Google Consent mode and give an understanding of how it works.
#Google Consent ModeNext.JS CMS - Top choices in 2024
Looking for the best Next.js CMS for your project? Here is a complete list of them, along with use cases and pricing details..
#HEADLESS CMS#NextJS CMSStoryblok AI Toolkit
A Storyblok plugin that includes a suite of tools based on OpenAI for efficient content management.
#AI#STORYBLOKBreaking Down Next.js 14
Unpack Next.js 14's latest features with this guide, providing code examples and highlighting enhancements in routing, server actions, and caching for dynamic web development.
#NextJS#ReactTypical Next.js SEO Pitfalls to Avoid in 2024
Dive into the latest Next.js SEO challenges and solutions for 2024. Learn from common mistakes and uncover key strategies for optimizing content rendering, meta data, site performance, and more to boost your search rankings and user experience.
#SEO improvement#NextJS#performanceCommon Next.js Project Challenges in 2024
Discover essential insights into common Next.js project challenges in 2024, including rendering strategies, build types, and optimization techniques. Learn from expert audits to avoid costly mistakes and enhance your web application's performance and SEO.
#NextJS#performance#SEO improvementDeep Dive into Web Performance: Mastering LCP Optimization for SEO Success
Web performance and SEO in particular can be a complex topic that can take some time and effort to master. Apart from some general tips like reducing page weight, compressing images, etc., sooner or later you may need to dig into this.
#performance#SEO improvementIntroduction to CMS-KIT-Sanity: Streamlining Web Development with Headless CMS
Learn how CMS-KIT-Sanity revolutionizes web development with customizable solutions, ensuring rapid project launches and sustainable growth.
#SANITY#HEADLESS CMS#TAILWIND#CUSTOMIZATION#NextJSStandalone Next.js. When serverless is not an option
Ready to deploy your Next.js app, but unsure if serverless is the way to go? Let's explore both serverless and serverful approaches to help you choose the right path for your project.
#NextJSConfiguring robots.txt for Better Indexation and SEO Score
Complete guide to robots.txt
#SEO improvementStoryblok with Next.js app router guide
The release of Next.js app router marked a new milestone for web applications. It brought life and usage to React server components and solved many existing issues for SRR & SSG applications. However, there is a downside to it, as the entire market now needs to adapt, which will take some time. In this article, we will explore how to use StoryBlok and Next.js app router. A similar article exists on the official source, but we will go a step further, giving you the ability to use live preview and server components at the same time.
#NextJS#HEADLESS CMS#STORYBLOKIntegrating GraphQL Codegen with Storyblok: Step-by-Step Guide
This article provides a practical walkthrough on integrating GraphQL Codegen with Storyblok, showcasing how to optimize data fetching in web applications. Visit our demo repository for live examples and code snippets.
#NextJS#HEADLESS CMS#STORYBLOK#GraphQLVercel as a hosting platform: When It's the best choice and when to look elsewhere
In this article, we will examine the advantages and disadvantages of Vercel hosting services. The main goal is to help you determine when Vercel is the optimal choice for them and when it is not.
#NextJS#JamstackNext.js Redirects: A Developer's Guide
This article provides a guide to handling redirects in Next.js. It covers various methods including the use of next.config.js, Middleware, getStaticProps, getServerSideProps, and the redirect function in AppRouter. Ideal for both experienced developers and newcomers, this guide helps elevate your web application's navigation experience.
#NextJSBest Headless CMS for NextJS in 2023
In this article, we'll dive into the updated top headless CMS options and compare their features, benefits, and drawbacks to help developers make an informed decision.
#HEADLESS CMS#NextJS#STORYBLOK#Contentful#SANITYOverview of OpenNext, AWS Amplify, Netlify, and other Next.js hosting options
Next.js has become a popular choice for web projects, thanks to its extensive features, ever-growing community and great developer experience. Speaking of hosting, Vercel is often the first platform that comes to mind. But is it really the best and only option available?
#NextJSNext.js app router SEO overview
Hey everyone! It seems that App router is the new standard for Next.js applications. And while everyone is getting familiar with its technical components, I want to talk about the SEO capabilities it provides. Because no matter how good our website is technically, without proper SEO configuration, there is a high risk that its performance will go unnoticed.
#NextJSIntegrating Sanity's Presentation Tool with Next.js: Comprehensive Guide
Explore our comprehensive guide on integrating Sanity's Presentation Tool with Next.js. Discover practical steps and expert tips for enhancing your content management and creating dynamic, visually intuitive web experiences.
#NextJS#HEADLESS CMS#SANITYEnhancing Content Creation: Visual Editing with Sanity and Storyblok for Next.js
Compare and contrast the visual editing capabilities of Sanity and Storyblok, empowering designers and content creators in the headless CMS world.
#SANITY#STORYBLOK#HEADLESS CMS#NextJSElevate Your Site's UX: Pro Tips on Minimizing Cumulative Layout Shift
This article delves into a crucial aspect of Core Web Vitals (CWV) known as Cumulative Layout Shift (CLS). Exploring its significance, understanding its nature, and discovering ways to enhance it will be the focus here.
#performance#SEO improvementConfigure CDN Caching for self-hosted Next.js websites
Learn how to configure own, Vercel-like CDN setup, maximazing Next.js performance in a self-host environment on Cloudflare, Fastly or any other CDN.
#NextJS#web development#performanceBeyond the Basics: Exploring TailwindCSS and Linaria in Next.js - From Installation to Performance Optimization
Explore how these two tools handle installation, code organization, and performance optimization in your NextJS applications. Immerse yourself in the world of elegant and maintainable CSS to achieve the perfect style in your projects.
#TAILWIND#LINARIA#NextJS#CUSTOMIZATIONA Deep Dive into Sanity's Visual Editing and Presentation Tool: The developer view
Dive into the world of advanced content management with Sanity's new Visual Editing and Presentation tool. Learn how this feature enhances editing workflows, simplifies content management, and provides real-time previews, catering to both developers and content creators.
#SANITY#HEADLESS CMS#CONTENT MANAGEMENTSelf-hosted Next.js - When Vercel is Not an Option
Kicking off a series of articles covering various aspects of self-hosting your Next.js project.
#NextJS#web developmentRecap of Next.js Conf 2023 and v14 release
Our team have closely followed the Next.js Conf 2023 live stream and we've picked few of our favourite talks to recap. We'll dive deep into the Next.js 14 release, exploring the newest trends and techniques that are poised to shape the future of web development.
#NextJSProject insides: How We Built a Complex Headless CMS Based on Custom Sanity Studio
This article serves as a comprehensive case study of a large-scale project in which we gained extensive experience in creating intricate CMS systems. Explore our journey in creating a custom CMS for a significant client, focusing on features such as the label system, environments, and custom tokens for consuming content per environment and per label. Discover the challenges we faced and how we overcame them to deliver a user-friendly and reliable Headless CMS. If you're looking for an agency with deep expertise in Headless CMS and a proven track record of handling complex projects, we invite you to dive into our case study.
#SANITY#HEADLESS CMSCaution GraphQL! 4 most popular Headless CMS Examples and unexpected pitfalls in their GraphQL API. Part 1
let’s explore Headless CMS and its GraphQL API. We will discuss GraphQL API implementations in four popular headless CMSs: Contentful, Sanity, Storyblok, and Hygraph. Throughout the post, we will uncover the challenges, advantages, and disadvantages of each CMS, and examine how they handle various requirements. Get ready for an informative journey filled with humor, code snippets, and valuable insights into Headless CMS and GraphQL
#STORYBLOK#SANITY#Contentful#GraphQL#HEADLESS CMSVideo transcription using OpenAI: Part 1 - Using Whisper for transcription extraction
This two-part article explores the process of processing video transcriptions. In its first part, it emphasizes the importance of accurate and reader-friendly transcriptions for video content.
#AI#web developmentVideo transcription using OpenAI: Part 2 - Using ChatGPT for transcription processing and formatting
In the second part of this article, we continue our exploration of transcription processing, focusing on the utilization of ChatGPT to enhance and format the transcriptions. We introduce the concept of the "Logical Loop" and its role in addressing challenges encountered in transcription processing.
#AI#web developmentNextjs & Storyblok image optimization. Part 2
In the second part, the article delves further into Storyblok's Image API service, custom loaders, and cache management, presenting a holistic approach to effective image optimization in modern web development.
#NextJS#STORYBLOKNextjs & Storyblok image optimization. Part 1
This comprehensive two-part article explores the critical role of image optimization in web development. In the first part, it underscores the profound impact of optimized images on user experience and SEO rankings, addressing issues like slow loading, bandwidth consumption, and the importance of faster websites in search results.
#NextJS#STORYBLOKEmpower Sanity Content Preview With Really Powerful New Perspectives Feature
The quickest explanation of Sanity's Perspectives feature and the understanding of why we were so badly waiting for it
#SANITY#HEADLESS CMSSemantic AI search system using OpenAI and PostgreSQL vector extension
Semantic search, which allows searching for content based on its meaning, while maintaining speed and considering keywords.
#AIBest Jamstack websites examples
Discover the epitome of web development excellence with our roundup of the best Jamstack marketing websites examples. From blazing-fast loading times to seamless user experiences, these websites showcase the true potential of Jamstack architecture.
#Jamstack#NextJSVercel: Next-Generation Web Development and Deployment for Headless CMS and E-commerce
This article focuses on the capabilities of Vercel, a cloud platform for web development and deployment, specifically for headless CMS and e-commerce applications. It explores how Vercel, in collaboration with Next.js, empowers agencies specializing in headless CMS and e-commerce by offering features like instant deployment, global scalability, serverless functions, analytics, and collaborative workflows
#HEADLESS CMS#Headless CommerceHeadless CMS Showdown: Contentful vs Sanity
Discover the ultimate Headless CMS showdown between Contentful and Sanity, comparing features, usability, performance, integrations, and pricing to help you make an informed decision for your web development projects.
#Contentful#SANITY#HEADLESS CMSStoryblok vs. Sanity - A Comparison of Two Leading Headless CMS Platforms
Looking for the ideal headless CMS solution? Explore our comprehensive comparison of Storyblok and Sanity across crucial factors such as ease of use, content modeling, integration, scalability, localization, developer-friendliness, security, support and documentation, and pricing and licensing. As official integration partners with both Storyblok and Sanity, FocusReactive provides expert insights to help you make an informed decision.
#HEADLESS CMS#Headless#SANITY#STORYBLOKBest Next.js Headless eCommerce Platforms
Discover the top Next.js headless eCommerce platforms, weighing their pros and cons to help you make an informed decision for your online store. Dive into our comprehensive comparison and find the perfect solution for your business's unique needs.
#Headless Commerce#Commerce Layer#ShopifyHow we used Neural network, Replicate.com, and WebGL to generate photorealistic 3D avatars for the GitNation portal`s users
Discover the fascinating journey of harnessing the power of Neural networks, and WebGL to revolutionize user experiences on the GitNation portal. In this article, we delve into the innovative techniques and technologies employed to generate photorealistic 3D avatars that captivate users like never before. Explore the seamless integration of Replicate`s deep learning capabilities, cutting-edge AI algorithms, and the rendering prowess of WebGL to bring these avatars to life.
#AIUnlock the Power of Contentful (again in 2023): Exciting New Features in this Headless CMS
It's been two years since I worked on my last big project with Contentful, a headless CMS platform. Now, I'm excited some of the new features have been added to Contentful by 2023, and I can't wait to share my impressions with other developers.
#Contentful#HEADLESS CMS#CONTENT MANAGEMENTJamstack Hosting: Everything You Need to Know
Choosing the right hosting platform for your Jamstack website is crucial to ensure its performance, security, and scalability. A good hosting platform should seamlessly integrate with your technology stack, offer fast and reliable content delivery, and provide you with easy-to-use tools for managing and deploying your website
#Jamstack#NextJS#HEADLESS CMS#web developmentTransform Your Headless CMS Experience: Discover the Power of TakeShape's API Mesh
Meet our partner TakeShape. By combining multiple APIs into a single GraphQL endpoint TakeShape offers developers flexibility, efficiency, and a seamless headless solution. TakeShape brings the concept of Headless to a whole new level by introducing the power of API mesh and data orchestration capabilities
#HEADLESS CMS#web developmentBest Jamstack Frameworks
Discover the top Jamstack frameworks for fast, secure, and scalable web development. This article explores popular options such as Gatsby, Next.js, Nuxt.js, and Hugo, highlighting their features and benefits. Whether you're an experienced developer or just starting out, this guide will help you choose the best framework for your next project.
#NextJS#JamstackBest Headless CMS for NextJS in 2023
In this article, we'll dive into the top headless CMS options and compare their features, benefits, and drawbacks to help developers make an informed decision. Whether you're building a simple blog or a complex web application, this guide will help you choose the best CMS for your NextJS project.
#SANITY#STORYBLOK#Contentful#StrapiBest Headless CMS for React in 2023
Discover the best headless CMS platforms for React in 2023. Explore our top picks, including Contentful, Strapi, Prismic, Sanity and Kentico Kontent
#HEADLESS CMS#React CMSHow to rank Higher on Google / How NextJS can improve SEO
Learn how to improve the search engine optimization of your website using NextJS, a powerful React framework that supports server-side rendering, static site generation, image optimization, and code splitting to help your site rank higher on Google and attract more traffic.
#SEO improvement#NextJS#HEADLESS CMS#Headless Commerce#JamstackWhat Headless CMS are Best for Your Shopify Store: A Comprehensive Guide
In this article, we explore the best headless CMS options available for your Shopify store. We provide a comprehensive guide to help you choose the right one for your business needs
#Shopify#HEADLESS CMS#Contentful#Strapi#STORYBLOK#SANITY5 Wordpress Alternatives
This article emphasizes the importance of understanding the focus areas of a project when choosing the right CMS. Factors like ease of use, scalability, security, and integrations are considered when making a decision. This guide is ideal for anyone looking for a suitable WordPress alternative in 2023
#STORYBLOK#HEADLESS CMS#Contentful#SANITY#BUILDER.IOSetup NextJS app with Linaria, Storybook, and Typescript
In this article, we will show how to start a new modern performance-focused and development-friendly project from scratch.
#NextJS#Storybook#LINARIAComposable Commerce
Modern business has evolved. More technologies are being developed; companies should adapt to new market opportunities and use the best solutions to address specific business needs. This guide will tell you more about composable commerce, its benefits, and how these benefits change within headless architecture
#Composable commerce#Headless CommerceInternational and multilingual sites with Storyblok and Next.js. Part 2
This is the second part of the series of "Storyblok Localization" Series
#STORYBLOK#HEADLESS CMSInternational and multilingual sites with StoryBlok and Next.js. Part 1
StoryBlok is a unique headless CMS with a lot of nice features. This is a modern platform that combines the best solutions for building content-centric websites
#STORYBLOK#HEADLESS CMSStoryblok vs Contentful
The role of content management systems continues to evolve, and brands are increasingly turning to headless platforms to help them deliver unique experiences across different channels. Choosing a headless CMS can be tricky, as a quick search of most review platforms will yield almost 100 results.
#STORYBLOK#Contentful#HEADLESS CMSHeadless CMS vs. Traditional CMS
In the last couple of years, the Headless CMS demand and its popularity have been increasing due to the fact that developers want more freedom and rich front-end frameworks
#HEADLESS CMS#SANITY#Contentful#STORYBLOKWhat Shopify's Acquisition of Remix Means for Storyblok Customers?
On October 31st, 2022, eCommerce juggernaut Shopify announced they would acquire the open-source web framework Remix to help developers deliver lightning-fast and more resilient experiences. But why would an eCommerce platform want a JavaScript framework startup?
#Remix#ShopifyHow to Choose a Storyblok Partner
Some of the challenges that make businesses hesitant about adopting a headless CMS include that in the early days of headless content management, marketers needed help to adapt to the differences between headless and traditional CMSs. However, with Storyblok offering a user-friendly visual editor, those problems are a thing of the past.
#STORYBLOK#HEADLESS CMS#JamstackThree ways to refer a current User in Sanity Documents
There are pretty much situations when you'd like to have a reference to a Sanity studio user from your documents. In this article, we will consider scenarios when you need to refer a current user somehow related to a document. Before we dive into a technical implementation let's see why you might need it at all
#HEADLESS CMS#SANITY#CONTENT MANAGEMENTAgile Headless Commerce: How Storyblok Enables Composable Commerce Ecosystems
Forward-thinking brands understand that digital is everywhere, not just websites but mobile applications, kiosks, IoT devices, and other interfaces. This has changed how these businesses approach everything, including eCommerce, and ushered in a new focus on headless commerce
#HEADLESS CMS#Headless Commerce#STORYBLOK#Composable commerce#JamstackSolving pain with references to draft documents in Sanity CMS. How to set up a full-fledged preview environment for your content
Sanity CMS don't allow you to fetch draft documents by references to them. But this vital for having preview mode. How to overcame this problem and setup access to your draft and published content read in this article
#SANITY#HEADLESS CMSThink headless CMS are not customizable? We disproved this using Sanity
Sanity encourage to customize almost everything. Any Sanity module can be rewritten. This makes it possible to have your own combination of standard and custom components in your application.
#SANITY#HEADLESS CMSContent-centric, scalable e-commerce. Shopify Hydrogen + Sanity
In June 2022, Shopify released its new framework for working with e-commerce projects. With the goal of making its resources more flexible and open to change, Shopify has created an excellent solution for this - Hydrogen
#SANITY#HEADLESS CMS#Shopify#Headless CommerceHeadless CMS (Contentful) and NextJS, Part 2: Mapping content types to React components
Building scalable content model in Contentful without exceeding the content types limitation. Implementing React components mapping to CMS entries
#React#NextJS#Contentful#HEADLESS CMSPreview GraphQL data in a comfy way - Storybook GraphQL Kit
This tool allows you to write queries and immediately see the results in the browser. All your queries and variables are stored alongside your code. You can reuse queries from your existing project for better visual documentation, testing and exploring your backend.
#Storybook#GraphQLThe new era tech - JAMstack
The need for speed, security and lower price for development are why the new, modern way of building websites is now thriving - the JAMstack
#Jamstack#NextJS#GraphQL#HEADLESS CMSHeadless eCommerce - Everything You Need To Know
Today’s eCommerce landscape is edgeless, new brands emerging here and there in the blink of an eye. In such a market the competition is enormous, allowing customers to skim through and pick which company is worthy of their attention. This new model dictates the necessity for brands to create such an online experience that will bring clients in. Smooth digital journey ensures that any point of friction is eliminated, giving your customer no choice to get distracted and leave the site.
#GraphQL#Headless Commerce#Jamstack#HEADLESS CMSHeadless CMS (Contentful) and NextJS, Part 1: How to create a modern React application?
Building scalable content model in Contentful without exceeding the content types limitation. Let's discuss ideas for organizing the structure of a NextJS application paired with Headless CMS
#Contentful#NextJS#React#HEADLESS CMSMulti Environment Publishing Flow With Sanity CMS
Sanity is one of the most flexible and customizable Headless CMS. Working with this Headless CMS and customizing it we can finally get the exact functionality we need and gain a deeper understanding of how it works under the hood.
#HEADLESS CMS#SANITY